Closed
Bug 1227140
Opened 10 years ago
Closed 9 years ago
[css-grid] image with "max-width: 100%" is not scaled down to fit inside its grid item
Categories
(Core :: Layout, defect, P1)
Core
Layout
Tracking
()
RESOLVED
FIXED
mozilla47
People
(Reporter: percyley, Unassigned)
References
Details
(Keywords: testcase)
Attachments
(3 files, 2 obsolete files)
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36
Steps to reproduce:
The image must be scaled down to a proper size.
Component: Untriaged → Layout
Keywords: testcase
Priority: -- → P1
Product: Firefox → Core
Version: 45 Branch → Trunk
Comment 2•10 years ago
|
||
Looks like this relies on the img's "max-width: 100%" styling, in Chrome, to get the image to be the right size. (If you remove that, Chrome behaves like Firefox.)
That suggests this is a version of bug 823483. (We've seen similar bugs for flexbox, too -- e.g. bug 1139931.)
Attachment #8690819 -
Attachment is obsolete: true
I updated the test case, using min-width: 0 in grid item to repair the differences between Chrome and Firefox. But they still have a big difference, Chrome more in line with expectations.
Attachment #8690823 -
Attachment is obsolete: true
It looks like https://bugzilla.mozilla.org/show_bug.cgi?id=1227285
Comment 6•10 years ago
|
||
Yup, "Demo2" in comment 3's testcase is bug 1227285.
Comment 8•10 years ago
|
||
Probably best to file a new bug for Demo1. (I don't think it boils down to bug 823483 like the original testcase here does, though it might.)
Updated•10 years ago
|
Status: UNCONFIRMED → NEW
Ever confirmed: true
Summary: [css-grid]image is not scaled down to a proper size → [css-grid] image with "max-width: 100%" is not scaled down to fit inside its grid item
![]() |
||
Comment 9•9 years ago
|
||
The max-width part has been fixed by the resolution of bug 823483
For https://bug1227140.bmoattachments.org/attachment.cgi?id=8691197
There's a difference of rendering but different of why this issue has been raised. See attachment.
Closing as fixed.
![]() |
||
Updated•9 years ago
|
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → FIXED
status-firefox45:
--- → affected
status-firefox46:
--- → fixed
status-firefox47:
--- → fixed
Target Milestone: --- → mozilla47
You need to log in
before you can comment on or make changes to this bug.
Description
•