dropdown popup is hidden by section title in docs

[shereen-fathy]

• [x] I have searched the Issues to see if this bug has already been reported
• [x] I have tested the latest version

Steps to reproduce

1. Go to https://flowbite-react.com/docs/components/dropdown#dropdown-items-with-icon
2. Scroll up and make the button is close to the end of the page
3. Click on the dropdown button

Current behavior

Describe what is currently happening and why it's a problem.

Expected behavior

Dropdwon menu shouldn't be hidden by the title

Context

What are you trying to accomplish? Does this only happen on a specific browser, screen size, or operating system?

If possible, provide a live example URL, screenshot, video, or a repository with the minimal reproduction of the issue.

[SutuSebastian]

nice catch!

we could either solve this by isolating the code demo example in an iframe (which is already implemented mechanism) and give it fixed height, or try to figure out further why it is behind.

[sahil-bhanvadiya]

@SutuSebastian, can't we just increase the z-index?

[SutuSebastian]

@SutuSebastian, can't we just increase the z-index?

Or we can use a nice little tailwindcss class called isolate which it does exactly what it says, it isolates references

[sahil-bhanvadiya]

@SutuSebastian, can't we just increase the z-index?

Or we can use a nice little tailwindcss class called isolate which it does exactly what it says, it isolates references

Can I take this issue?

[sahil-bhanvadiya]

@SutuSebastian, can't we just increase the z-index?

Or we can use a nice little tailwindcss class called isolate which it does exactly what it says, it isolates references

isolate only works with static position, and H2 components use relative position.

[kenshanta]

So I just recently tried to reproduce the issue as @shereen-fathy described but failed to do so. I think via a patch update this was fixed.

If confirmed let's close this plz Thanks! 🙏

[SutuSebastian]

Not an issue anymore, closing this.