2024-11-24 14:33 UTC

View Issue Details Jump to Notes ]
IDProjectCategoryView StatusLast Update
0002688NetSurfLayoutpublic2019-11-30 11:08
ReporterHarriet Bazley 
Assigned ToMichael Drake 
SeverityminorReproducibilityalways 
StatusassignedResolutionopen 
PlatformIyonixOSRISC OSOS Version5.22
Product Version 
Target VersionFixed in Version 
Summary0002688: No images visible
DescriptionNetsurf does not display any of the images on the page https://www.miresparis.com/category/spots/hotelparticulier/

The slow speed of redraw would suggest that it has loaded and is trying to render them, but all I see is blank boxes.
 
Steps To ReproduceVisit URL.
Additional InformationThe <IMG> tags look fairly straightforward, and if I save the raw HTML and strip out all the stylesheet links the images appear (albeit at a much larger size than evidently intended), so it is presumably a CSS issue. I was unable to test by tweaking the stylesheets directly, owing to bug 0002687 crashing Netsurf.

Netsurf v4712 simply rendered the blank boxes on the page without the textual overlay.
TagsNo tags attached.
Fixed in CI build #
Reported in CI build #4760
URL of problem pagehttps://www.miresparis.com/category/spots/hotelparticulier/
Attached Files

-Relationships
+Relationships

-Notes
Dave Higton

~0002070

Dave Higton (developer)

I just saved one of the JPEGs from the problem URL, and found that SwiftJPEG cannot render it, but PrivateEye can. So it seems there is some compatibility issue with the particular JPEG format used.
Harriet Bazley

~0002071

Harriet Bazley (reporter)

I used Object=>Save over one of the blank boxes and dragged the resulting file back into Netsurf, which seems to render the JPEG OK without any problems (although not at a scale which would fit in the box provided)
https://www.miresparis.com/wp-content/uploads/2019/05/C1698-018.jpg
Michael Drake

~0002141

Michael Drake (administrator)

The JPEGs are fine, and render correctly in NetSurf.

The problem is that over all the images, the web site places a white rectangle. On browsers that support the CSS opacity property, this is rendered as transparent. When you hover over it it becomes opaque. If we implemented the opacity property it would fix this. The page also specifies the white box as rbga(255, 255, 255, 0.6), so when you over and it becomes opaque, it remains partially transparent anyway.

The alpha channel on the colour specifier is reasonably easy to implement; we just need to pass the value through to the potters, and have the front ends implement it.

However, the opacity property is more work. Its value applies to the element as a whole, including the children. So to implement it properly we would need to do compositing.
+Notes

-Issue History
Date Modified Username Field Change
2019-08-02 15:03 Harriet Bazley New Issue
2019-08-02 15:09 Harriet Bazley File Added: screen.jpg
2019-08-09 15:14 Dave Higton Note Added: 0002070
2019-08-09 17:00 Harriet Bazley File Added: C1698-018.jpg
2019-08-09 17:00 Harriet Bazley Note Added: 0002071
2019-10-21 16:42 Vincent Sanders Status new => confirmed
2019-10-21 16:42 Vincent Sanders Description Updated View Revisions
2019-10-21 16:42 Vincent Sanders Additional Information Updated View Revisions
2019-11-29 20:32 kinnison Assigned To => Michael Drake
2019-11-29 20:32 kinnison Status confirmed => assigned
2019-11-30 11:08 Michael Drake Note Added: 0002141
+Issue History