fix tooltip-position inside scaleModal

[niclas18]

As described in #1742 there is a problem with the position of tooltips inside modals.
The used package @floating-ui/dom have a problem with the shadow-roots there.

They have a fix in there documentation for this type of problems.
I added this and it fixed the problem for us.

[netlify]

✅ Deploy Preview for marvelous-moxie-a6e2fe ready!

Name	Link
🔨 Latest commit	ada2fa9
🔍 Latest deploy log	https://app.netlify.com/sites/marvelous-moxie-a6e2fe/deploys/646ddf514a3472000720cde9
😎 Deploy Preview	https://deploy-preview-1874--marvelous-moxie-a6e2fe.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[acstll]

Hey @niclas18 this is brilliant, thank you.

In order to make CI pass, would you be so kind and please do the following:

• run yarn format inside packages/components
• commit yarn.lock in the root

[niclas18]

Hey @niclas18 this is brilliant, thank you.

In order to make CI pass, would you be so kind and please do the following:

• run yarn format inside packages/components
• commit yarn.lock in the root

Hi @acstll , thanks for your comment.
I have completed the requested steps. In addition, I discovered another problem, which is why I adjusted the CSS a bit.

If the trigger of the tooltip is relatively at the edge of an element and the associated message is very long, then the arrow is no longer over the element. This can also be reproduced in the storybook.

This also happens in the modal. By changing the CSS in the PR and changing the CSS of the corresponding scale modal:

scale-modal::part(window) {
    position: static;
}

it now works reliably.

Maybe you could see if it is necessary to use "position: relative" in ScaleModal. If not and you change it globally to "position: static", one wouldn't need the above code.

beforehand:

afterward:

[andoo]

Hello, is there any chance to get this merged? Scale tooltips inside modal dialogs have been a problem in our application for a long time. And I would like to wait for this possible fix before deciding to create our own tooltip component.

[felix-ico]

hi there thanks a lot for the PR and sorry for the delay, we duplicated this PRs changes here #2206 to fix the CI jobs - we should merge and publish this with the next release.

[felix-ico]

closing this as the dupe pr has just been merged, thanks again for this one