Incorrect calculation of dimensions when parent hidden

[Brandon Paluzzi <[email protected]…>]

If you meet the following criteria: 1 - A block level parent element is set to display: none 2 - A block level child element has width/height set as a percentage

Then the jQuery functions height() and width() do not work as intended. Instead of calculating the correct pixel size (or returning undefined), they simply drop the percent sign from the CSS-defined width and report that back: e.g., 75% becomes "75"

​http://jsfiddle.net/CaJNB/20/

[damien]

This is an issue of window.getComputedStyle() it will deliver the percentage (including %) instead of the pixel size. I don't think there is a way to receive the "real" pixel size from a build-in function... so calculate through iteration or just ignore it and append the '%' again.

​http://jsfiddle.net/gb7pp/1/

[mikesherov]

Duplicate of #9945.