Bug 52575

Summary:

Error rendering a set of <li> inside a table containing <input> and <span> tags

Product:

WebKit

Reporter:

João Antunes <joao.antunes>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, ap, bfulgham, rniwa

Priority:

Version:

528+ (Nightly build)

Hardware:

Mac (Intel)

OS:

OS X 10.6

Attachments:

Description	Flags
Example HTML which the WebKit engine can't render as it should	none
Behaviour in FF - which is how Webkit should render	none
Behaviour in Chrome (it's the same in Safari) - which constitutes the bug	none
Editing the <span> html with the developer console on chrome	none
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	none

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	Details
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	Details
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	Details
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	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 (228.10 KB, image/png) 2011-01-17 07:38 PST, João Antunes	no flags	Details
View All Add attachment proposed patch, testcase, etc.

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.