RESOLVED CONFIGURATION CHANGED 177163
Inline floating element sometimes rendered not-inline
https://bugs.webkit.org/show_bug.cgi?id=177163
Summary Inline floating element sometimes rendered not-inline
Ben Dean
Reported 2017-09-19 10:09:44 PDT
Webkit version: SVN Revision 222175 (also Safari 10.1.1) Platform: Mac OSX 10.12.5 Inline floating element sometimes rendered not-inline Steps to reproduce: 1. Unzip attached floatbug.zip 2. Open floatbug.html. What is the expected behavior? The elements ("First part" and "Second part") are displayed inline: > First partSecond part What went wrong? They aren't: > First part > Second part Interesting qualifications: - Executing document.body.innerHTML = document.body.innerHTML fixes the layout - The "First part" div gets its "float:left;" style from a <link>. Setting that css property via <style> element or inline style instead fixes the layout.
Attachments
test case (704 bytes, application/zip)
2017-09-19 10:10 PDT, Ben Dean
no flags
Ben Dean
Comment 1 2017-09-19 10:10:29 PDT
Created attachment 321206 [details] test case floatbug.html floatbug.css
Ahmad Saleem
Comment 2 2022-08-29 03:33:05 PDT
I changed the test case in JSFiddle: Link - https://jsfiddle.net/bou4eky5/ All browsers (Safari Technology Preview 152 on macOS 12.5.1, Chrome Canary 107 and Firefox Nightly 106) show it as "FirstpartSecond part" soo it is something along the lines fixed. So I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Please reopen if anyone think it is not correct and upload new test case. Thanks!
Note You need to log in before you can comment on or make changes to this bug.