search

mcasimir / mobile-angular-ui

Angular.js Mobile UI Framework with Bootstrap 3
http://mobileangularui.com/
MIT License
2.87k stars 709 forks source link

BlackBerry 10 browser keeps blur filter from overlays even after closing it #152

Open pavelkouril opened 9 years ago

pavelkouril commented 9 years ago

Hello!

I'm currently using Mobile Angular UI to create an application, and while testing it on my personal phone, I stumbled upon an interesting issue in Mobile Angular UI.

When you open the overlay, the background gets blured properly and the text in the overlay is OK. However, when you close the overaly, the blur stays and you can control the application, but it is blurred. When you open another overlay (or modal), the text in the modal is not blurred, just the background again.

Switching routes doesn't remove the blur filter.

The issue happens on both demo from latest master (aae766144c) and demo on the website.

Also, on the latest master, opening the overlay in the demo takes a while on BB10, but this may be for another issue.

If you provide me a little bit of guideance about the source of the error, I would gladly prepare a fix.

Happens on both BB 10.2.x and 10.3.x.

pavelkouril commented 9 years ago

Tried it again on the latest 10.3.1.1154 BB10 emulator and this issue still happens.

I also tried debugging it from my real phone (with 10.2.1.xxxx) via the Webkit Inspector and it looks like the application removes the class which causes the blur, but doesn't remove the blur filter itself.

So maybe somehow forcing the blur to redraw would be nice? Is there a way to attach something "globally" to a overlay remove event?

mcasimir commented 9 years ago

Hi, have you tried with newer 1.2 version. It sounds you had some exception with blackberry preventing overlays to detach from DOM correctly. 1.2 should not have those kind of issues anymore.

Thank you.

pavelkouril commented 9 years ago

Tried the latest demo on the site and issue is still happening. Also, it takes a while until the modal opens (this I can only reproduce on my real phone with older OS which didn't get the update yet, not replicable on the simulator).

You can try it yourself with BB10 Simulator (requires VMWare Player). You can also start the webkit inspector there and connect to it from your browser and see how the app behaves. http://developer.blackberry.com/devzone/develop/simulator/simulator_installing.html

No related errors in the error console though. :(

pavelkouril commented 9 years ago

Still present in latest BB OS (OS version 10.3.1.2576) with the Mobile Angular UI demo.

pavelkouril commented 9 years ago

Tested with latest OS (10.3.2) and latest demo and bug is still present.