MantisBT - NetSurf |
View Issue Details |
|
ID | Project | Category | View Status | Date Submitted | Last Update |
0002797 | NetSurf | Layout | public | 2020-11-27 23:45 | 2024-02-25 21:42 |
|
Reporter | Steve Fryatt | |
---|
Assigned To | Michael Drake | |
---|
Priority | normal | Severity | minor | Reproducibility | always |
---|
Status | closed | Resolution | fixed | |
---|
Platform | RISC OS | OS | RISC OS | OS Version | 5.28 |
---|
Product Version | 3.11 | |
---|
Target Version | | Fixed in Version | 3.11 | |
---|
Fixed in CI build # | |
---|
Reported in CI build # | 5222 |
---|
URL of problem page | http://www.wakefieldshow.org.uk/ |
---|
|
Summary | 0002797: Handling of CSS @media rules appears to have changed |
---|
Description | Something 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 Reproduce | Using 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 http://www.wakefieldshow.org.uk/ -- below 800px wide, it should have a single-column layout, while above 800px a sidebar appears on the right of the page. |
---|
Tags | No tags attached. |
---|
Relationships | |
Attached Files | Logs.zip (17,080) 2020-11-27 23:57 https://bugs.netsurf-browser.org/mantis/file_download.php?file_id=691&type=bug |
---|