MantisBT - NetSurf
View Issue Details
0002756NetSurfLayoutpublic2020-05-06 14:502020-05-21 20:18
ReporterHarriet Bazley 
Assigned To 
PrioritynormalSeverityminorReproducibilityalways
StatusacknowledgedResolutionopen 
PlatformARMiniXOSRISC OSOS Version5.27
Product Version 
Target VersionFixed in Version 
Fixed in CI build #
Reported in CI build #5041
URL of problem pagehttps://www.ravelry.com/patterns/library/baby-sasha-summer-outfit
Summary0002756: Links not visible/clickable
DescriptionThe patterns in the Ravelry database ( https://www.ravelry.com/ ) ought to contain a set of tabs across the top for each pattern:

details/yarnideas/projects/queues/comments/forum posts/editing

As of the last few months, the 'details' tab has extended across the entire width of the window and is obscuring access to any of the others. The links are still there in the page source, and if I break the stylesheet reference then they can be seen in Netsurf, so it's evidently a CSS issue.
 
Steps To ReproduceFull pattern details are only available if you are logged in, but I have saved an offline version of a sample entry which seems to work (file attached below)

To reproduce: view pattern page. There is a red bar across the top with the word 'details' as a clickable link.
Edit page source to break the second stylesheet link in the header ( https://style-cdn.ravelrycache.com/stylesheets/ravelry_components_2005051353.css )
The missing tabs are now displayed in a vertical column above the first image, with an orange line over the top of the 'currently selected' tab.
TagsNo tags attached.
Attached Fileshtml Sasha.html (47,954) 2020-05-06 14:50
https://bugs.netsurf-browser.org/mantis/file_download.php?file_id=660&type=bug
jpg otter.jpg (106,287) 2020-05-06 15:01
https://bugs.netsurf-browser.org/mantis/file_download.php?file_id=661&type=bug
jpg

jpg netsurf.jpg (91,079) 2020-05-06 15:02
https://bugs.netsurf-browser.org/mantis/file_download.php?file_id=662&type=bug
jpg

jpg no_CSS.jpg (64,325) 2020-05-06 15:02
https://bugs.netsurf-browser.org/mantis/file_download.php?file_id=663&type=bug
jpg

Notes
(0002187)
Harriet Bazley   
2020-05-06 15:01   
Page as rendered by Otter browser showing tabs: otter/jpg

Page as rendered by Netsurf, with tabs obscured and right-hand end of top bar missing (you can just about glimpse the 'message' envelope and profile image displaced off the left-hand side of the screen, below the red line: netsurf/jpg

Page as rendered by Netsurf without the stylesheet - ugly but usable: no_CSS/jpg

Issue History
2020-05-06 14:50Harriet BazleyNew Issue
2020-05-06 14:50Harriet BazleyFile Added: Sasha.html
2020-05-06 15:01Harriet BazleyFile Added: otter.jpg
2020-05-06 15:01Harriet BazleyNote Added: 0002187
2020-05-06 15:02Harriet BazleyFile Added: netsurf.jpg
2020-05-06 15:02Harriet BazleyFile Added: no_CSS.jpg
2020-05-21 20:18Michael DrakeStatusnew => acknowledged
2020-05-21 20:18Michael DrakeDescription Updatedbug_revision_view_page.php?rev_id=2171#r2171
2020-05-21 20:18Michael DrakeSteps to Reproduce Updatedbug_revision_view_page.php?rev_id=2173#r2173