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

Banner Not Displayed Without a z-index #9

Open
sshaw opened this issue Jan 24, 2022 · 1 comment
Open

Banner Not Displayed Without a z-index #9

sshaw opened this issue Jan 24, 2022 · 1 comment
Assignees
Labels
bug Something isn't working good first issue Good for newcomers

Comments

@sshaw
Copy link

sshaw commented Jan 24, 2022

This seems to be caused when there's an absolute positioned (hidden) element on the page. In my case there's an element below the dismissible banner container with the following styles:

   position: absolute! important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

When I add a z-index to the dismissible banner it is shown. When I remove the position property on the aforementioned element without adding a z-index to the dismissible banner it partially shows.

I know an example is key. I can email you a link. Just don't want to put the URL here as it's a publicly accessible test site.

@brookesb91
Copy link
Owner

Apologies for the late reply!

Thanks for clarifying your issue. Sorry if it's caused problems. I will take a look at this first thing tomorrow if no one beats me to it.

@brookesb91 brookesb91 added bug Something isn't working good first issue Good for newcomers labels Jan 25, 2022
@brookesb91 brookesb91 self-assigned this Jan 25, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

2 participants