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/

Description Yair Even Or 2013-12-23 11:10:18 PST

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?

Comment 1 Yair Even Or 2013-12-23 11:42:36 PST

apparently, this can be resolved using the strange `display: -webkit-box;`

Comment 2 Brent Fulgham 2022-07-13 17:04:00 PDT

Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.