how to override user agent stylesheet in fullscreen on mobile?

169
March 04, 2022, at 01:10 AM

I'm working on mobile version of http://library-dev.bdrc.io/view/bdr:W1FEMC032663

screenshot of website with UI

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:

screenshot of code inspector

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.

Rent Charter Buses Company
READ ALSO
Javascript onclick event out of phase in Angular

Javascript onclick event out of phase in Angular

Using Angular framework to build my website's front-end, I'm trying to include a button/icon capable of opening and closing this sidenav:

121
CSS: new font breaking layout by aligning text to the top

CSS: new font breaking layout by aligning text to the top

I've been working with Open Sans in a project for a while and we then decided to use a new font, and after adding the new font the layout breaks everywhere and the text appears to be aligned to the topHere are some screenshots for a simple text in an icon:

112
change color using JavaScript (DOM)

change color using JavaScript (DOM)

I stored a hex-color value in string as well as a number and pass the variable as a value for css propertyWhy this code not work can you explain me

145