Bug 51129 - Setting innerHTML between empty string and full string in WebKit on floated elements causes overflow
Summary: Setting innerHTML between empty string and full string in WebKit on floated e...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.6
: P3 Normal
Assignee: Nobody
URL:
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2010-12-15 12:56 PST by gordeon
Modified: 2022-08-31 01:18 PDT (History)
2 users (show)

See Also:

Attachments
Example of issue (1.08 KB, text/html)
2010-12-15 12:57 PST, gordeon 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description gordeon 2010-12-15 12:56:53 PST 
I'm seeing this issue where if I toggle the innerHTML of either a floated element or an element nested inside one, it floats outside the container once I toggle back from an empty string to any text or markup. Oddly, in the example below, if I remove text-transform from the inline CSS, the problem goes away.

This is happening in Chrome 9.0.597.19 and Safari 5.0.3 (WebKit build 6533.19.4) in OS X 10.6.5.

See the attached example.
Comment 1 gordeon 2010-12-15 12:57:26 PST 
Created attachment 76681 [details]
Example of issue
Comment 2 Ahmad Saleem 2022-08-31 01:18:42 PDT 
I am unable to reproduce this issue in Safari Technology Preview 152 using attached "Example" and clicker works fine and show "Right Side Link" upon clicking within container. It is same case with all other browsers (Chrome Canary 107 & Firefox Nightly 106).

Since all browsers are working fine and same. I am going to mark this as "RESOLVED CONFIGURATION CHANGED". If it is reproducible then please update it with new test case and reopen it. Thanks!