Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow setting an z-Index #258

Open
CrysisDeu opened this issue Apr 19, 2023 · 5 comments
Open

Allow setting an z-Index #258

CrysisDeu opened this issue Apr 19, 2023 · 5 comments

Comments

@CrysisDeu
Copy link

The webpages sometimes will have z-index > 3. Can we get an option to set the zIndex of the bottom sheet please

@Yeroshenko
Copy link

Yeroshenko commented Apr 24, 2023

I use styled components

const StyledBottomSheet = styled(BottomSheet)`
    --rsbs-backdrop-bg: ${({ theme }) => theme.body.colors.sparePrimary(0.5)};
    --rsbs-bg: ${({ theme }) => theme.body.colors.base()};
    --rsbs-overlay-rounded: ${({ theme }) => theme.decorations.borderRadius.base}px;

    & [data-rsbs-overlay],
    [data-rsbs-backdrop] {
        z-index: 9999;
    }

    &::after {
        z-index: 9999;
    }
`;
 

@rein96
Copy link

rein96 commented Apr 24, 2023

Up

In my case:
The overlay is not blocking the content, the content below still can be clicked

@AshRing
Copy link

AshRing commented Oct 16, 2023

Experiencing the same. I can click elements through the backdrop.

@nikolay-bennie
Copy link

same issue here

@donguk87
Copy link

I'm experiencing the same issue. I hope options will be added soon.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants