MantisBT - NetSurf
View Issue Details
0002797NetSurfLayoutpublic2020-11-27 23:452021-01-02 09:55
ReporterSteve Fryatt 
Assigned ToMichael Drake 
PlatformRISC OSOSRISC OSOS Version5.28
Product Version3.11 
Target VersionFixed in Version3.11 
Fixed in CI build #
Reported in CI build #5222
URL of problem page
Summary0002797: Handling of CSS @media rules appears to have changed
DescriptionSomething appears to have changed in the way that NetSurf handles CSS @media rules between #5221 and #5222, although I can't see anything obvious in the changes shown on Jenkins.

In #5221, @media rules depending on width appear to be respected, with the page being reflowed if the window size is changed and the page is then re-loaded (Ctrl-F5, or reload on the toolbar). In #5222, however, it seems to stay with the layout for the width when the page was opened(?), and not update when the page is re-loaded.

I'm aware that responsive layouts are an area that isn't fully supported, so I'm not sure whether this change is expected or not. It does appear to be a backwards step, however.
Steps To ReproduceUsing a website with a responsive design, open the page and observe the layout.

Now reduce the window size to maybe 50% width, and re-load the page. In #5221, the layout will adjust to the revised @media rules. In #5222, it won't.

An example site is -- below 800px wide, it should have a single-column layout, while above 800px a sidebar appears on the right of the page.
TagsNo tags attached.
Attached Fileszip (17,080) 2020-11-27 23:57

Vincent Sanders   
2021-01-02 09:55   
I beleive tlsa fixed this with commit

can you please verify this is behaving correctly again?

Issue History
2020-11-27 23:45Steve FryattNew Issue
2020-11-27 23:57Steve FryattFile Added:
2021-01-02 09:55Vincent SandersAssigned To => Michael Drake
2021-01-02 09:55Vincent SandersStatusnew => feedback
2021-01-02 09:55Vincent SandersFixed in Version => 3.11
2021-01-02 09:55Vincent SandersNote Added: 0002318