Bug 162905 – Details layout ends up incorrect when ::before dynamically removed

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: DOM

[Boris Zbarsky]

Created attachment 290603 [details]
Testcase

STEPS TO REPRODUCE:

1)  Load attached testcase.
2)  Click the text that says "Please click this text."

EXPECTED RESULTS: The text "Before text" disappears and nothing else happens.

ACTUAL RESULTS: The text "Before text" disappears, and the text "Please click this text" moves to above the "Summary" text.

[Ahmad Saleem]

I am getting following behavior across browsers:

*** Safari 15.6 on macOS 12.5 ***

<< RENDERING ORDER >> <--- different across browsers

Before text
<summary>
Please click this text

Upon click 'last' line then first line disappears and it becomes like this

<summary>
Please click this text

*** Chrome Canary 106 ***

<< RENDERING ORDER>> <--- different but matches with Safari

Before text
<summary>
Please click this text

Upon click 'last' line then first line disappears and it becomes like this

<summary>
Please click this text

*** Firefox Nightly 105 ***

<< RENDERING ORDER>> <--- different but matches with Safari

<summary>
Before text Please click this text

Upon clicking "Please click this text", it becomes like this:

<summary>
Please click this text.

_______

I am not sure, which browser is rendering this correctly but wanted to update test results. Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/98460648>

[Ahmad Saleem]

Unable to reproduce and all browsers (Safari 16, STP 155, Chrome Canary 108 and Firefox Nightly 107) are doing same. Marking this as "RESOLVED CONFIGURATION CHANGED".