Modify ↓
Ticket #11944 (closed bug: duplicate)
Incorrect calculation of dimensions when parent hidden
| Reported by: | Brandon Paluzzi <brandon@…> | Owned by: | |
|---|---|---|---|
| Priority: | undecided | Milestone: | None |
| Component: | unfiled | Version: | 1.7.2 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
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"
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.

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/