Skip to content

[Bug]: Browser hang on webkit - anchor positioning and pseudo elements #41159

@mrginglymus

Description

@mrginglymus

Version

1.60.0

WebKit 26.4 (playwright webkit v2287)

Steps to reproduce

npx playwright wk https://codepen.io/mrginglymus/pen/LEbrdON

Hover and unhover 'Trigger' text

Expected behavior

Tooltip appears and disappears

Actual behavior

Browser hangs

Additional context

I do not have a mac to hand, but remote colleagues have tested this codepend and shown that it appears to work fine in safari. Whether this is a regression in webkit that hasn't yet made it to safari, or something that is unique to playwright's webkit build I don't know, but it reproduces reliably on windows + linux, but works fine on chrome, chromium and firefox on windows + linux.

The critical line appears to be

&::after {
    position-anchor: inherit;
}

Without this there is no hang.

Environment

System:
    OS: Windows 11 10.0.26200
    CPU: (22) x64 Intel(R) Core(TM) Ultra 7 165H
    Memory: 12.04 GB / 31.43 GB
  Binaries:
    Node: 24.16.0 - C:\dev\nodejs\node.EXE
    Yarn: 4.15.0 - C:\dev\nodejs\yarn.CMD
    npm: 11.13.0 - C:\dev\nodejs\npm.CMD

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions