RESOLVED CONFIGURATION CHANGED 52575
Error rendering a set of <li> inside a table containing <input> and <span> tags
https://bugs.webkit.org/show_bug.cgi?id=52575
Summary Error rendering a set of <li> inside a table containing <input> and <span> tags
João Antunes
Reported 2011-01-17 07:27:13 PST
Created attachment 79169 [details] Example HTML which the WebKit engine can't render as it should Hi! I don't know exactly what is the problem, if the <li> <input> <span> rendering, or if it is eventually a CSS problem. All I know is that on Firefox the names appear right next to the checkbox, as they should. But in Google Chrome 8.0.552.237 or Safari 5.0.3 (6533.19.4) (Portuguese version) the words appear below the checkbox. Also, if the developer console is used, and the HTML is edited with it, even if no changes are made, the word goes where it should be (to the right of the checkbox). I have attached a Zip with the HTML and some screenshots of both behaviours. I apologize for the fact that this bug might be a duplicate of some existing one, but I couldn't find it because I don't know what component is Webkit misrendering.
Attachments
Example HTML which the WebKit engine can't render as it should (156.90 KB, application/zip)
2011-01-17 07:27 PST, João Antunes
no flags
Behaviour in FF - which is how Webkit should render (168.01 KB, image/png)
2011-01-17 07:33 PST, João Antunes
no flags
Behaviour in Chrome (it's the same in Safari) - which constitutes the bug (138.68 KB, image/png)
2011-01-17 07:34 PST, João Antunes
no flags
Editing the <span> html with the developer console on chrome (229.40 KB, image/png)
2011-01-17 07:35 PST, João Antunes
no flags
Edited the code (added a space or anything) and it got corrected! here I edit the code again to show that everything is fundamentally equal (228.10 KB, image/png)
2011-01-17 07:38 PST, João Antunes
no flags
João Antunes
Comment 1 2011-01-17 07:33:48 PST
Created attachment 79171 [details] Behaviour in FF - which is how Webkit should render
João Antunes
Comment 2 2011-01-17 07:34:59 PST
Created attachment 79172 [details] Behaviour in Chrome (it's the same in Safari) - which constitutes the bug
João Antunes
Comment 3 2011-01-17 07:35:44 PST
Created attachment 79173 [details] Editing the <span> html with the developer console on chrome
João Antunes
Comment 4 2011-01-17 07:38:01 PST
Created attachment 79174 [details] Edited the code (added a space or anything) and it got corrected! here I edit the code again to show that everything is fundamentally equal this behaviour should be easily reproduced but I took the screenshot so I uploaded it anyway (the same applies for the before ofcourse)
Ahmad Saleem
Comment 5 2022-07-12 12:21:16 PDT
I am not able to reproduce this bug using attached Zipped test case in Safari 15.5 on macOS 12.4. It matches with Firefox reference rendering where the "checkbox" and "text" are aligned. I think this can be marked as "RESOLVED CONFIGURATION CHANGED", considering it was fixed along the way. Thanks!
Note You need to log in before you can comment on or make changes to this bug.