navbar: z-index of the tooltip of navbar button is too low

[Gnirps00]

Prerequisites

• [x] I have searched for duplicate or closed issues
• [x] I have read the contributing guidelines

Describe the issue

z-index of the tooltip of navbar button is too low. For example the text inside the button has higher z-index, so if there's some button right under the navbar, the text goes over the tooltip. As we're also using some other components outside modus, it overlaps other components as well. I suggest those tooltips having z-index over 10.

Reduced test cases

No response

What operating system(s) are you seeing the problem on?

No response

What browser(s) are you seeing the problem on?

Chrome

What is the issue regarding ?

@trimble-oss/modus-web-components

What version of npm package are you using ?

^1.1.0-react18

Priority

High

What product/project are you using Modus Components for ?

Tekla Launcher

What is your team/division name ?

Structures DOBE team

Are you willing to contribute ?

None

Are you using Modus Web Components in production ?

No response

[github-actions[bot]]

Hello @Gnirps00! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.

Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.

[coliff]

I think this might be fixed with the PR recently merged: https://github.com/trimble-oss/modus-web-components/pull/3234/files

[coliff]

Hi @Gnirps00 - can you please retest with the latest version? If everything is working fine now then you can close the issue. thanks!

[Gnirps00]

Hi, sorry I didn't notice the reply for long time. I tried the latest version 1.8.1-react18. It's working fine over the button component, but it goes behind the other component having z-index of 1. So I would like to have bigger number of z-index for the tooltip, like mentioned in description of the issue. Thanks!