[BUG] Playwright 1.17.0 -> After clicking the element - I get an error that click action was failed

[AlexKomanov]

Context:

• Playwright Version: 1.17.0
• Operating System: Windows
• Node.js version: 14.6
• Browser: Chrome

Code Snippet

Help us help you! Put down a short code snippet that illustrates your bug and
that we can run and debug locally. For example:

const elem = this.page.locator(element);
                await elem.click({timeout: 5000})

Describe the bug

After switching to the 1.17.0 version - I sometimes get errors in the click action.
In the version of 1.16.3, it works as well.
Example:

I performed a click on the button:

That actually succeeded, and the test continued to the next actions:

But I get the error regarding the click action:

And the following log:

waiting for selector "[data-uitestingname="add"]>> nth=-1"
selector resolved to visible <div id="isc_JN" data-uitestingname="add" eventproxy=…>…</div>
attempting click action
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td align="left" valign="middle" class="noDataLabel">No Data...</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #1
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #2
waiting 20ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #3
waiting 100ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #4
waiting 100ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #5
waiting 500ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #6
waiting 500ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #7
waiting 500ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #8
waiting 500ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #9
waiting 500ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #10
waiting 500ms
waiting for element to be visible, enabled and stable
element is visible, enabled and stable
scrolling into view if needed
done scrolling
performing click action
<td $9a="$9g" id="isc_VL" align="left" valign="middl…>…</td> from <div id="isc_RA" role="dialog" aria-hidden="false" cl…>…</div> subtree intercepts pointer events
retrying click action, attempt #11
waiting 500ms

[alisterscott]

I think this is the same regression reported here: #10627

[AlexKomanov]

@alisterscott
Looks like you are right. :)

[dgozman]

@AlexKomanov Could you please share a trace file with us? You can send it to dgozman [at] microsoft [dot] com if you'd like.

[AlexKomanov]

@dgozman
Sent you to :
dgozman@microsoft.com

Please check.

[pavelfeldman]

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

[AlexKomanov]

@pavelfeldman
Yes, the mentioned helped as well.

[dgozman]

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

[AlexKomanov]

@dgozman @pavelfeldman
Do I need to change something back with the environment variable that you asked to change?

[dgozman]

@AlexKomanov If you have upgraded to 1.17.1, you can safely remove PLAYWRIGHT_NO_LAYOUT_SHIFT_CHECK, but it should be ignored anyway. Please let us know if something is broken.