Copy tooltip shows up behind navigation bar about components HOT 11 CLOSED

All the edge cases are fixed! Thank you for all the help @NicoZweifel 🥳

from components.

Let's get rid of sticky on the navbar then. I was messing around with it and we could use fixed instead of sticky then we just need margin/padding/a spacer div so the content doesn't show up under the nav bar until the page loads.

from components.

Another one of those, nice catch :P

from components.

I had the same issue on the right side in this PR, but decided to use shorter text here.
If you prefer click to copy I could revert to that when changing z-index works, but I feel like it is a bit odd to have the longer version instead of just copy.

from components.

It seems that this happens only for Grouped Code Blocks because the normal Code Blocks have a top margin.
I am ivestigating this issue here:#44

from components.

@NicoZweifel I tested mint with the new z-index but the backdrop-blur class on the navigation bar is still blurring the component despite the z-index being higher. Seems like the backdrop-blur affects components regardless of z-index. There are other steps required to avoid blurring the tooltip when I searched StackOverflow for this problem.

Can you look into how to get the backdrop-blur not to affect the tooltip?

from components.

Yeah I can take a look tomorrow 👍

from components.

When the new components version is published, I can continue and merge this: https://github.com/mintlify/mint/pull/299

from components.

Issue is fixed for most code blocks except for the right-side bar ones that have sticky set.

from components.

@tobias-mintlify It is because of a new StackingContext. you can read about it here.

"A stacking context is formed, anywhere in the document, by any element in the following scenarios:

• Root element of the document ().
• Element with a position value absolute or relative and z-index value other than auto.
• Element with a position value fixed or sticky (sticky for all mobile browsers, but not older desktop browsers)."

from components.

Sounds good, I could take a look today/tomorrow.

from components.