Popper.js
Dev tools
ui positioning library
SHOW HN2016
How HN took it
4 positive, 24 neutral or asking, 3 mixed, 9 critical, out of 40 comments about the project. Thread score -0.31.
Design: 2 for, 4 againstIdea: 1 for, 2 againstPerformance: 0 for, 2 againstExecution: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Lightweight and fast compared to Tether
From 2 comments
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…
FezVrasta on HNThis is not a 3kb library for popups, given that the main source file popper.js is 44.6kb and the minimized version is 13.5kb large. I'm assuming 3kb refers to the gzipped size,…
gizmo on HN
No extra CSS required and works outside body children
From 1 comment
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…
FezVrasta on HN
Clean, well-designed examples site
From 1 comment
I wouldn't recommend the CSS route as you'd be working against a core OS feature. On OS X: System Prefs > General > Show scroll bars > "Automatically based on mouse or trackpad";…
developer2 on HN
Objections
Bundle size claim of 3KB is misleading, gzip size not stated clearly
From 2 comments
This is not a 3kb library for popups, given that the main source file popper.js is 44.6kb and the minimized version is 13.5kb large. I'm assuming 3kb refers to the gzipped size,…
gizmo on HNLabeling everything in their gzip size (without the real size) is a bad new trend in my opinion. It feels like an unfair marketing practice since older projects won't mention…
Can_Not on HN
Examples on the demo page are not obviously interactive
From 2 comments
Perhaps 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…
23andwalnut on HNIn 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…
chipperyman573 on HN
Tooltip text appears fuzzy in some browsers
From 1 comment
Maybe it's just me but the text inside the tooltip looks fuzzy, rest of the text looks crisp. On chrome 49, windows 7.
TheGuyWhoCodes on HN
Requests
Accessibility support for screen readers and keyboard use
From 2 comments
I've heard, secondhand, from disabled people that tooltips are particularly troublesome for screen readers, keyboard traversal, etc. Might be worth looking into things that would…
tyingq on HNMay be i did not look at right place. There seems to be no accessibility support ? Is it something that is planned for the future release ?
technological on HN
React compatibility
From 2 comments
Has anyone tested it with react? It messes with my routes for some reason. Warning: [react-router] You cannot change <Router routes>; it will be ignored
ciokan on HNPlease checkout this PR for React support https://github.com/FezVrasta/popper.js/pull/11
FezVrasta on HN
Animation support for popovers
From 1 comment
Ah, I see. I was wondering for a long time why the "poppers" in the examples are static. Maybe coding the animation requires more JavaScript and increase the code base? Seems to…
paradite on HN
Questions
Minimum browser support
From 1 comment
What minimum browsers does this support? I glanced through the documentation, but did not notice it. Awesome work, by the way.
mountaineer22 on HN
How the GPU acceleration claim works
From 1 comment
``` > GPU ACCELERATION > If supported by browser, poppers will be positioned using CSS translate3d, making your poppers even faster! ``` How is a transformation accelerated by…
rootlocus on HN
Difference from Tether
From 1 comment
I wonder what the difference is with Tether
yuribit on HN
Alternatives named
Tether
From 1 comment
I wonder what the difference is with Tether
yuribit on HN
Primer CSS tooltips
From 1 comment
The is the CSS only option from Primer (GitHub design guideline). If you use in your project is the tiniest that i've ever seen and it's easy to customize via SASS. (the time…
imaginamundo on HN