Bug 126167
| Summary: | element width isn't calculated properly for text-indent values in percentages | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Yair Even Or <vsync.design> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | bfulgham |
| Priority: | P1 | ||
| Version: | 525.x (Safari 3.2) | ||
| Hardware: | All | ||
| OS: | All | ||
| URL: | http://jsfiddle.net/8UQmN/2/ | ||
Yair Even Or
discussion in Stackoverflow: http://stackoverflow.com/q/20749396/104380
--------------
In the demo above, there should be 2 .wrap boxes, one red and below it a blue one. That should be the correct behavior.
The percentage of the text-indent are not relative to the .wrap containing element width (which is encapsulated by overflow:hidden) but it is relative to the clientWidth as it would seem. any suggestions?
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Yair Even Or
apparently, this can be resolved using the strange `display: -webkit-box;`
Brent Fulgham
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.