1138406 - max-width not working with parent display: inline-block

Status: RESOLVED DUPLICATE of bug 932996

(Core :: Layout: Block and Inline, defect)

Description

[Ninos Ego]

Attachment: example.html

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0
Build ID: 20150222232811

Steps to reproduce:

- Created an img element with height: auto; max-width: 100%;
- Parent element has display: inline-block; (in my example the body)

Attached an example html code.

PS: display: inline or display: block works fine.


Actual results:

max-width: 100%; will not work. The image will not be scaled to the max-width of the parent element, I'll have the images original size.


Expected results:

The image should be scaled to the parent elements width.

Comment 1

[Logan Rosen [:Logan]]

Reproduced on OS X 10.10.2 with Firefox 39.0a1 (2015-03-04).

This looks like Bug 932996 (and some other related ones as well).

Comment 2

[Boris Zbarsky [:bzbarsky]]

Yes, exactly.

Ninos, the layout for this CSS is explicitly not defined in the CSS specification, for what it's worth....