Bug: strange remove animation when over an z-index'd element

rstacruz / nprogress

For slim progress bars like on YouTube, Medium, etc

http://ricostacruz.com/nprogress

MIT License

26.03k stars 1.81k forks source link

Bug: strange remove animation when over an z-index'd element #138

Open jakobploens opened 8 years ago

jakobploens commented 8 years ago

I found a strange bug today (not browser related, so might be an issue with CSS itself). When the opacity of the nprogress bar is not 1, the bar is shown behind every other (fixed) element with a z-index > 0. The solution is to just add a z-index to the parent (so #nprogress itself, not only the bar and the spinner elements).

syuilo commented 7 years ago

Try:

#nprogress {
  position: absolute;
  z-index: 1030;
}

syuilo commented 7 years ago

Duplicate #56