Tooltips - Githubissues

aforemny / elm-mdc

Elm port of the Material Components for the Web CSS/JS library

https://aforemny.github.io/elm-mdc

Apache License 2.0

354 stars 43 forks source link

Closed dpinn closed 3 years ago

dpinn commented 3 years ago

berenddeboer commented 3 years ago

It might be time, but not trivial to implement :-)

berenddeboer commented 3 years ago

There are two problems to solve compared to how Google does it:

The tooltip html should be an immediate element of the body. This is probably annoying, and possibly not necessary, unless you use position or float in the container of your tooltip.
The tooltip attaches to another element they find via document.querySelector([aria-describedby="${tooltipId}"]). We can't use that. Simply passing in the domId of the element could do, or we go to JavaScript.

berenddeboer commented 3 years ago

Then we have the problems related to Elm:

Google can attach a "mouseenter" event straight to the anchor element. There's no way we can do that, only the element definition can add those, so this magic needs to be explicitly wired in.

berenddeboer commented 3 years ago

If you feel adventurous you can try it my branch. I'm not sure this is the final implementation, but I feel pretty good about this solution.

berenddeboer commented 3 years ago

This has now been added.