'how to override user agent stylesheet in fullscreen on mobile?
I'm working on mobile version of http://library-dev.bdrc.io/view/bdr:W1FEMC032663
Long story short, switching to fullscreen mode (icon next to + in bottom bar) breaks lazy loading of images when scrolling down, because container gets its position switched to fixed as specified in user agent stylesheet although it has a much lesser priority:
I've tried to add an even more specific rule with :fullscreen selector but it does not change anything:
screenshot of code inspector with additional rule
This happens in both Chrome and Firefox.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|