Closed Bug 1285906 Opened 8 years ago Closed 8 years ago

Images inside Flexbox layout is too wide (with "max-width:100%" on images)

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Version:
45 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
VERIFIED DUPLICATE of bug 823483

People

(Reporter: tobi, Unassigned)

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36 Steps to reproduce: Load https://tobireif.com/graphics/ in Firefox 45 on Android (eg Nexus 6P). Actual results: The images are too wide: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/5456790/snapshots/zecebb2c67024ffb567f https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/5456790/snapshots/z5985ce394abaa240c3e Expected results: The images should have the correct width, see eg Chrome on Android: https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/5456858/snapshots/zd474e3e6bd26bed2652
Thanks for filing a bug! You mentioned "Firefox 45", and that's actually several months out of date. The current release is Firefox 47. Could you retest in Firefox 47 (the most recent release)? I just tested Firefox 47 locally (on my OnePlus One android phone), and I'm getting expected results there (the images look OK, and they're the same width as in Chrome)
Component: General → Layout
Flags: needinfo?(tobi)
Product: Firefox for Android → Core
I can reproduce this locally on Desktop, using old Firefox builds in Responsive Design Mode. mozregression says it was fixed by this push for bug 823483: https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=65e84ada79e41a3afdcb0d8148a84a7152888df1&tochange=623934e9db8ab60eb605fba84e03e882651e8f02 That makes sense, because the images here do have "max-width: 100%", which is the scenario where bug 823483 improved our rendering. Hence, marking as a duplicate of that (fixed) bug.
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
Summary: Images inside Flexbox layout is too wide → Images inside Flexbox layout is too wide (with "max-width:100%" on images)
--> Clearing the needinfo I'd requested, since I think I've now gotten to the bottom of the issue and verified that it's fixed. But, do feel free to comment to confirm whether this is fixed for you in the latest Firefox release. Thanks!
Flags: needinfo?(tobi)
I now was able to test using the latest Firefox on that smartphone. The issue is indeed resolved - thanks!
Thanks!
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.