Bug 51129

Summary:

Setting innerHTML between empty string and full string in WebKit on floated elements causes overflow

Product:

WebKit

Reporter:

gordeon

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, mitz

Priority:

Keywords:

HasReduction

Version:

528+ (Nightly build)

Hardware:

Mac

OS:

OS X 10.6

Attachments:

Description	Flags
Example of issue	none

gordeon

Reported 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.

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

gordeon

Comment 1 2010-12-15 12:57:26 PST

Created attachment 76681 [details] Example of issue

Ahmad Saleem

Comment 2 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!

Note You need to log in before you can comment on or make changes to this bug.