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 ❤️
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:
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
View console log messages
From webcompat.com with ❤️