Bug 210371 – Images with style="display: none; image-orientation: none;" do not report the correct size

• Status: NEW
• Component: Images

[Said Abou-Hallawa]

Created attachment 396146 [details]
test case

Open the attached test case.
This test case contains three images; all of them have "image-orientation: none;". The first image is visible, the second one has "visibility: hidden;" and the third one has "display: none;".

Expected: All the three images report the same size which is 100x50.
Result: The image with "display: none;" reports a wrong size 50x100.

[Ahmad Saleem]

Chrome Canary 117:

id = visibile: computedStyleSize = (50px by 100px), size = (50 by 100)
id = visibility-hidden: computedStyleSize = (50px by 100px), size = (50 by 100)
id = display-none: computedStyleSize = (auto by auto), size = (50 by 100)

Firefox Nightly 117:

id = visibile: computedStyleSize = (50px by 100px), size = (50 by 100)
id = visibility-hidden: computedStyleSize = (50px by 100px), size = (50 by 100)
id = display-none: computedStyleSize = (auto by auto), size = (50 by 100)

WebKit ToT:

id = visibile: computedStyleSize = (50px by 100px), size = (50 by 100)
id = visibility-hidden: computedStyleSize = (50px by 100px), size = (50 by 100)
id = display-none: computedStyleSize = (auto by auto), size = (50 by 100)

_______

All browsers are matching each other. Do we need to do anything else? Thanks!