Side navigation
#11944 closed bug (duplicate)
Opened June 21, 2012 09:08AM UTC
Closed June 21, 2012 03:08PM UTC
Last modified June 21, 2012 03:08PM UTC
Incorrect calculation of dimensions when parent hidden
Reported by: | Brandon Paluzzi <brandon@bpaluzzi.net> | Owned by: | |
---|---|---|---|
Priority: | undecided | Milestone: | None |
Component: | unfiled | Version: | 1.7.2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
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"
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/