search

brookesb91 / dismissible

:mega: Animated dismissible alerts.
MIT License
12 stars 5 forks source link

Banner Not Displayed Without a z-index #9

Open sshaw opened 2 years ago

sshaw commented 2 years ago

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 commented 2 years ago

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.