RESOLVED CONFIGURATION CHANGED 22127
Changing className causes :before content to be rendered split from its element content 
https://bugs.webkit.org/show_bug.cgi?id=22127
Summary Changing className causes :before content to be rendered split from its eleme...
Mark Judd
Reported 2008-11-07 07:17:33 PST
I'm trying to change the "prefix" content of a DIV by changing its className and leveraging the :before pseudo-element. .stateOne:before { content: "prefix1" } .stateTwo:before { content: "prefix2" } In theory, toggling the className of a DIV between stateOne and stateTwo should just change the prefix string being used. Unfortunately, in the case where the DIV contains further inner DIVs, the :before content and the DIV content become rendered on separate lines. Check out the URL noted here for an encapsulated test case.
Attachments
Testcase reproducing the bug (2.29 KB, text/html)
2008-11-07 07:18 PST, Mark Judd 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Mark Judd
Comment 1 2008-11-07 07:18:42 PST
Created attachment 24969 [details] Testcase reproducing the bug
Ahmad Saleem
Comment 2 2022-11-08 13:56:13 PST
I am not able to reproduce this bug in Safari 16.1 and STP 157 and it does not split when doing "To State 1" and "To State 2" and it does match with Chrome Canary 109 and Firefox Nightly 108. Marking this as "RESOLVED CONFIGURATION CHANGED", please reopen with updated testcase, if this is reproducible. Thanks!
Note You need to log in before you can comment on or make changes to this bug.