[BUG] Locator.click -> subtree intercepts pointer events since version 1.17.0

[Kremliovskyi]

Context:

• Playwright Version: [1.17.0]
• Operating System: [Windows, Linux]
• Node.js version: [v16.13.0]
• Browser: [Chromium]

Describe the bug

I am clicking on this div with data-test-id="Purpose" to open

this dropdown

I am using Locator by data-test-id and pure click without any options.

Since playuwright version 1.17.0 I am receiving error <li tabindex="0" role="option" data-value="1" aria-s…>… from <div id="menu-" role="presentation" class="MuiPopover…>… subtree intercepts pointer events

Click succeeds, dropdown is opened but error saying that the dropdown intercepts pointer events appear.

NOTE: Playwright 1.16.3 does not have such issue!

[dshaplyko]

I'm having almost the same issue starting from version 1.17.0.
Previously I used 1.17.0-next-alpha-nov-5-2021 and everything was correct.

[dgozman]

@Kremliovskyi Could you please share a trace file with us? You can send it to dgozman [at] microsoft [dot] com if you'd like. Here are instructions to record a trace: https://playwright.dev/docs/trace-viewer#recording-a-trace.

[Kremliovskyi]

@dgozman I have sent you an email with trace file.

[pavelfeldman]

@Kremliovskyi could you confirm that running the test with the following environment variable PLAYWRIGHT_NO_LAYOUT_SHIFT_CHECK=1 resolves the issue?

[Kremliovskyi]

@pavelfeldman $env:PLAYWRIGHT_NO_LAYOUT_SHIFT_CHECK=1 yes, it resolves the issue

[pavelfeldman]

We will bake 1.17.1 with this mode off right away.

[Kremliovskyi]

Really appreciate your dedication and speed.

[dgozman]

Thank you, this will be fixed in v1.17.1 by #10653.

[AndyGBC]

This also appears to have fixed our very similar issue, thanks :)

[dgozman]

@AndyGBC If you could share a repro for the issue you had, that would be great! We'll be able to prevent similar breakages in the future.

[mariyaerokhina]

I'm having the same issue on Playwright version 1.19.1

• Operating System: [Windows]
• Node.js version: [v14.17.6]
• Browser: [Chromium]

I am clicking on this div with data-loc="icon-menu" (collapse option)

I'm receiving error:
<div class="styled__ActionIconButton-sc-1gymt07-0 cKg…>…</div> intercepts pointer events

And the click doesn't work.
I've sent the trace to dgozman [at] microsoft [dot] com