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

Post by timlyo » Wed, Apr 06, 2016, 5:56 PM UTC

FezVrasta wrote: post #6

23andwalnut wrote: post #5

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 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?

Post by ciokan » Wed, Apr 06, 2016, 6:01 PM UTC

Post by tyingq » Wed, Apr 06, 2016, 6:24 PM UTC

Post by FezVrasta » Wed, Apr 06, 2016, 6:32 PM UTC

tyingq wrote: post #15

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 reduce the pain, like associating the tooltips with their "parent" element via or aria tags, etc.

Post by tyingq » Wed, Apr 06, 2016, 6:37 PM UTC

FezVrasta wrote: post #17

tyingq wrote: post #15

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 reduce the pain, like associating the tooltips with their "parent" element via or aria tags, etc.

Surely must be done something for this problem. But Popper.js wants just to position your popper in the page. The rest is up to the developer.

  var popper = new Popper(referenceElement, onBottomPopper, {
    placement: 'bottom'
  });