bjh21.me.uk - Wrong orientation

[bjh21]

URL: https://bjh21.me.uk/photos/dmc-fx10/dcim/100_pana/p1000903.xhtml

Browser / Version: Firefox 112.0
Operating System: Linux
Tested Another Browser: Yes Opera

Problem type: Something else
Description: Main image appears rotated (image-orientation: none ignored)
Steps to Reproduce:
The main picture on the page appears in the wrong orientation. The sky should be at the top of the image, not at the right. The image displays correctly in:

• Chromium 112.0.5615.12 (Official Build) snap (64-bit)
• Chromium 108.0.5359.94 (Official Build) built on Debian 11.5, running on Debian 11.6 (64-bit)
• Firefox 102.8.0esr (64-bit)
• Opera 96.0.4693.31

The page uses the CSS "image-orientation: none" property to suppress use of Exif orientation data but in current Firefox this seems to have no effect. The <img> tag has a 'crossorigin="anonymous"' attribute and the image is served with headers that should allow cross-origin access.

If I move the image to the same origin as the page, the problem goes away in current Firefox.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20230306023506
• channel: nightly
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was able to reproduce the issue on other devices as well:

Tested with:

Browser / Version: Firefox Release 110.0.1 (64-bit)/ Firefox Nightly 112.0a1 (2023-03-06) (64-bit) /Chrome Version 110.0.5481.178 (Official Build) (64-bit)
Operating System: Windows 10 PRO x64

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Chrome:

Moving this to NeedsDiagnosis for further investigations.

[qa_10/2023]

[wisniewskit]

This is very strange. I've reduced a test-case, and there is a transform 90deg on the image, but Chrome is rotating is back only if the img tag has crossorigin=anonymous, otherwise it just draws it 90deg rotated, like Firefox. I'm not sure why this would be important, so I've filed https://bugzilla.mozilla.org/show_bug.cgi?id=1822116 to get more insight.

[wisniewskit]

Just FYI, a fix for this is due to make it into Firefox 114 (details in the bug I made in my previous comment).