search

dinbror / bpopup

bPopup is a lightweight jQuery modal popup plugin (only 1.34KB gzipped). It doesn't create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.
http://dinbror.dk/bPopup
427 stars 260 forks source link

Opacity layer doesnt show in chrome until window resize #30

Closed 9mm closed 10 years ago

9mm commented 10 years ago

I am using bPopup on 3 different sites and it happens to all of them. In the latest version of chrome, when you trigger the popup the opacity layer remains invisible.

If you open dev tools to inspect it, or resize the window even 1px it will instantly appear.

9mm commented 10 years ago

It appears it's because of opacity.

this makes it work: 

    .b-modal {
        background: rgba(0, 0, 0, 0.7) !important;
        opacity: 1 !important;
    }
dinbror commented 10 years ago

Hey 9mm.

It seems to be a bug in chrome (v 32 and 33). If you test it in chrome canary it's fixed, so as soon as next version is released the issue is gone.

pavsid commented 10 years ago

Issue is still present in v34.0.1847.131. Whilst the above CSS will make the overlay appear, it prevents any transitions i.e. fading from opacity:0 to opacity 0.7