Show HN: Popper.js, a 3KB library to manage tooltips and popovers

Post by andrewingram » Wed, Apr 06, 2016, 11:57 PM UTC

FezVrasta wrote: post #24

andrewingram wrote: post #23

Earlier quoted context omitted.

I've actually been looking for something that goes the other way. The main issue i've had with Tether and React is that Tether does too much. I don't want a lib that manipulates the DOM itself, I want a overlay positioning engine that I can use to position an element (much like Popper and Tether), but that leaves the positioning up to me (ie let React keep full control of the DOM). Obviously i'd need to subscribe to…

This is exactly the direction I want to take with Popper.js!! The part that sets the style to the DOM will soon be moved to a modifier/plugin so that it can be disabled and replaced with a modifier which just exports the coordinates.

Post by FezVrasta » Thu, Apr 07, 2016, 5:34 AM UTC

andrewingram wrote: post #41

FezVrasta wrote: post #24

Earlier quoted context omitted.

This is exactly the direction I want to take with Popper.js!! The part that sets the style to the DOM will soon be moved to a modifier/plugin so that it can be disabled and replaced with a modifier which just exports the coordinates.

That sounds promising. So conceptually you'd end up with something like popper-engine and popper?

Post by huula » Thu, Apr 07, 2016, 7:38 AM UTC

andrewingram wrote: post #23

FezVrasta wrote: post #3

Earlier 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…

I've actually been looking for something that goes the other way. The main issue i've had with Tether and React is that Tether does too much. I don't want a lib that manipulates the DOM itself, I want a overlay positioning engine that I can use to position an element (much like Popper and Tether), but that leaves the positioning up to me (ie let React keep full control of the DOM). Obviously i'd need to subscribe to…

Post by FezVrasta » Thu, Apr 07, 2016, 9:11 AM UTC

huula wrote: post #45

andrewingram wrote: post #23

Earlier quoted context omitted.

I've actually been looking for something that goes the other way. The main issue i've had with Tether and React is that Tether does too much. I don't want a lib that manipulates the DOM itself, I want a overlay positioning engine that I can use to position an element (much like Popper and Tether), but that leaves the positioning up to me (ie let React keep full control of the DOM). Obviously i'd need to subscribe to…

Totally understand your pain. Did you try https://huu.la ? It never messes up with the user's page DOMs and you don't even need to write code to use it.

Post by FezVrasta » Thu, Apr 07, 2016, 11:12 AM UTC

rootlocus wrote: post #48

> GPU ACCELERATION > If supported by browser, poppers will be positioned using CSS translate3d, making your poppers even faster! How is a transformation accelerated by the GPU? I'm pretty sure translations are done on the CPU before sending the final transformation matrix to the GPU.