Bug 22127

Summary:

Changing className causes :before content to be rendered split from its element content

Product:

WebKit

Reporter:

Mark Judd <mark_judd>

Component:

New Bugs

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, mark_judd

Priority:

Version:

525.x (Safari 3.1)

Hardware:

Mac

OS:

OS X 10.5

URL:

http://www.markjudd.com/before.html

Attachments:

Description	Flags
Testcase reproducing the bug	none

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.