ENYO-5904: Fix TooltipDecorator to position tooltips within non-root floating layers

[ryanjduffy]

Checklist

• I have read and understand the contribution guide

• A CHANGELOG entry is included

• At least one test case is included for this feature or bug fix

• Documentation was added or is not needed

• This is an API breaking change

Issue Resolved / Feature Added

When tooltips are rendered within non-root FloatingLayers as is the case in VideoPlayer, they are positioned incorrectly based on the viewport rather than the layer into which they are rendered.

Resolution

• Add node to the FloatingLayer.onOpen payload to use as a reference point for positioning elements within the layer
• Update the positioning logic of Tooltip to "relativize" the bounds based on the floating layer

Additional Considerations

Instead of updating onOpen, we could "find" the node using closest() DOM API but would require breaking encapsulation since there's no way from TooltipDecorator to "tag" the floating layer. Any props added to FloatingLayerBase are attached to a child of the node that is establishing the positioning context. Given that, exposing the node seemed like the right API but open to alternatives.

[codecov]

Codecov Report

Merging #2189 into develop will decrease coverage by 0.03%.
The diff coverage is 21.42%.

@@             Coverage Diff             @@
##           develop    #2189      +/-   ##
===========================================
- Coverage    45.65%   45.61%   -0.04%     
===========================================
  Files          247      247              
  Lines         9748     9754       +6     
  Branches      2450     2451       +1     
===========================================
- Hits          4450     4449       -1     
- Misses        3889     3895       +6     
- Partials      1409     1410       +1

Impacted Files	Coverage Δ
...ges/moonstone/TooltipDecorator/TooltipDecorator.js	23.52% <0%> (-1.48%)	⬇️
packages/ui/FloatingLayer/FloatingLayer.js	65.57% <100%> (-1.64%)	⬇️
packages/moonstone/TooltipDecorator/util.js	7.46% <100%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b041005...2729541. Read the comment docs.

[Djspaceg]

This may be simplified by leveraging the new relative positioning prop in the updated Tooltip branch.
See: feature/ui-update...feature/PLAT-76464-blakestephens#diff-b6e1e31265f4f342f40103f18a87f737R88