Live data from Hacker News

Show HN: React-hint – 150LoC Tooltip Component for React, Preact and Inferno

github.com

1–10 of 16 posts

Re: Show HN: React-hint – 150LoC Tooltip Component for React, Preact and Inferno

#3
post #2

How does it deal with UU/accessibility?

It looks like it doesn't. Tabbing through elements to focus on a button with it applied doesn't bring the hint up automatically, which would probably be the best experience here.

Re: Show HN: React-hint – 150LoC Tooltip Component for React, Preact and Inferno

#4
post #2

How does it deal with UU/accessibility?

It looks like it doesn't. Tabbing through elements to focus on a button with it applied doesn't bring the hint up automatically, which would probably be the best experience here.

Just bringing it up wouldn't be enough, though, it has to be announced to screen readers. Or it would have to have a non-interactive way to work for screen readers.

Reason I'm asking is that this is non-trivial, and takes time to verify with different browsers and NVDA and JAWS. Having dependencies solving these issues are great.

Re: Show HN: React-hint – 150LoC Tooltip Component for React, Preact and Inferno

#6
Just curious even though it's a really long shot, is it related in any way to Picnic CSS' Tooltip [1] (disclaimer: my own)? The button "Custom" and the black tooltip look quite similar, it is probably just chance but would love to know.

[1] https://picnicss.com/documentation (+ click on tooltip)

PS, I had the same feeling about a Google IO presentation but told myself that it was just a generic style; then I saw in the source a `css('picnic.css')`!

Re: Show HN: React-hint – 150LoC Tooltip Component for React, Preact and Inferno

#7

Just curious even though it's a really long shot, is it related in any way to Picnic CSS' Tooltip [1] (disclaimer: my own)? The button "Custom" and the black tooltip look quite similar, it is probably just chance but would love to know. [1] https://picnicss.com/documentation (+ click on tooltip) PS, I had the same feeling about a Google IO presentation but told myself that it was just a generic style; then I saw in t…

Isn't it the most generic css tooltip style on the internet? (just black tooltip with white text and border-radius)

Re: Show HN: React-hint – 150LoC Tooltip Component for React, Preact and Inferno

#9
post #5

Nice to see compatibility with Preact and Inferno too. I use Preact a lot and only downside I experience really is lack of library support.

Have you tried making an alias for react with the library preact-compat in webpack config? It should make a lot of react libraries work seamlessly with preact too.

Re: Show HN: React-hint – 150LoC Tooltip Component for React, Preact and Inferno

#10
post #9
post #5

Nice to see compatibility with Preact and Inferno too. I use Preact a lot and only downside I experience really is lack of library support.

Have you tried making an alias for react with the library preact-compat in webpack config? It should make a lot of react libraries work seamlessly with preact too.

Yes that works in most cases but I strive not to use preact-compat - like to keep things lightweight.
Post reply on HN