Ticket #4827 (closed bug: invalid)
img with %-unit inside of inline-block element inside of scaled element does not size properly- whooo
|Reported by:||eveningsky||Owned by:|
|Keywords:||inline-block css percent scale size nested||Cc:|
I realize this is a bit of an edge case, but it may point to other more important undiscovered issues. It takes a fairly complicated set of circumstances to occur.
Normally an image sized using percentage units will automatically scale if one of it's parents is scaled. If a static or relatively positioned img and an absolutely positioned image are both nested inside an inline-block element which is inside the element to be scaled, the static or relative image will either not scale along with or will scale only partially. I first noticed this with $.animate(), but since $.css() suffers the same, I would consider this a core issue.
The example is also complicated so I have commented frivolously.