Show HN: Popper.js, a 3KB library to manage tooltips and popovers
1–10 of 62 posts
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#2I wonder what the difference is with Tether
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#3I wonder what the difference is with Tether
Hi! Popper.js dev here.
There are several advantages:
- The size is half of Tether (3.5 vs 7);
- Popper.js doesn't need any additional CSS in your page;
- It works even with elements not placed as direct children of body;
- It's much much faster (compare both on mobile, you'll see Tether lagging a lot!);
- It automatically detects the size of the tooltip arrow;
- Inside Popper.js you already have a way to create tooltip elements automatically, with Tether you need an additional library;
- Popper.js supports particular "flip" behaviors, you can decide that if there's not space on the left, the tooltip must move on the bottom (for example);
- The whole code is fully documented with JSDoc!
I hope this answers your question
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#4I wonder what the difference is with Tether
Hi! Popper.js dev here. There are several advantages: - The size is half of Tether (3.5 vs 7); - Popper.js doesn't need any additional CSS in your page; - It works even with elements not placed as direct children of body; - It's much much faster (compare both on mobile, you'll see Tether lagging a lot!); - It automatically detects the size of the tooltip arrow; - Inside Popper.js you already have a way to create tool…
Awesome!
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#5Perhaps I'm an idiot, but it wasn't immediately clear to me that the examples were actually examples. They looked like images. I only discovered that they were interactive after I got frustrated that I couldn't find the 'examples' section. Here's the page I'm referring to: http://fezvrasta.github.io/popper.js/
Anway, looks like a great project :)
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#6Perhaps I'm an idiot, but it wasn't immediately clear to me that the examples were actually examples. They looked like images. I only discovered that they were interactive after I got frustrated that I couldn't find the 'examples' section. Here's the page I'm referring to: http://fezvrasta.github.io/popper.js/ Anway, looks like a great project :)
Oh... Any idea to make them look more like examples?
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#7Perhaps I'm an idiot, but it wasn't immediately clear to me that the examples were actually examples. They looked like images. I only discovered that they were interactive after I got frustrated that I couldn't find the 'examples' section. Here's the page I'm referring to: http://fezvrasta.github.io/popper.js/ Anway, looks like a great project :)
Oh... Any idea to make them look more like examples?
In my opinion the only one that wasn't immediately obviously an example was the scroll one, due to the lack of scrollbars (I thought "scroll" was referring to the page and was confused about why it wasn't moving when I scrolled the page).
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#8Earlier quoted context omitted.
Oh... Any idea to make them look more like examples?
In my opinion the only one that wasn't immediately obviously an example was the scroll one, due to the lack of scrollbars (I thought "scroll" was referring to the page and was confused about why it wasn't moving when I scrolled the page).
Stupid mac scrollbars :P I'll do something to increase the visibility of the examples then. Thanks again!
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#9I wonder what the difference is with Tether
Hi! Popper.js dev here. There are several advantages: - The size is half of Tether (3.5 vs 7); - Popper.js doesn't need any additional CSS in your page; - It works even with elements not placed as direct children of body; - It's much much faster (compare both on mobile, you'll see Tether lagging a lot!); - It automatically detects the size of the tooltip arrow; - Inside Popper.js you already have a way to create tool…
What minimum browsers does this support? I glanced through the documentation, but did not notice it.
Awesome work, by the way.
Re: Show HN: Popper.js, a 3KB library to manage tooltips and popovers
#10Earlier quoted context omitted.
Hi! Popper.js dev here. There are several advantages: - The size is half of Tether (3.5 vs 7); - Popper.js doesn't need any additional CSS in your page; - It works even with elements not placed as direct children of body; - It's much much faster (compare both on mobile, you'll see Tether lagging a lot!); - It automatically detects the size of the tooltip arrow; - Inside Popper.js you already have a way to create tool…
What minimum browsers does this support? I glanced through the documentation, but did not notice it. Awesome work, by the way.
I've tested it on Chrome, Firefox, Edge, Safari, Safari Mobile and Chrome Mobile (latest versions) but I suspect it works on older versions as well.