feat(hover-service) make hover-service use platform showPopover() #15452
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What it does
Prevents any z-index problems for hovers/
It makes HoverService use web platform
[popover='hint']
.Which it turn puts them on "top-layer"
Popover API is baseline available now and some of us use it.
https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
HoverService popovers had no chance of being on top of "true" popovers.
This PR addresses just that.
Screenshot of browser-only example with this change in place:
Bonus: It also allows to close such popovers with "Escape"
How to test
HoverService popovers should be visible and on top of everything else.
Follow-ups
Someday when options for showPopover() will be baseline available it would be possible to position them declaratively to target. So code that calculates position could be thrown away.

It is available in chromium based browsers already.
Attribution
on behalf of web standards and performance
Review checklist
Reminder for reviewers