[BUG] "subtree intercepts pointer events" when clicking component with scheduled rotation

Context:

• Playwright Version: [1.19.1]
• Operating System: [Win 10]
• Node.js version: [14.18.3]
• Browser: [Desktop Chromium, Desktop Firefox]
• Extra: [any specific details about your environment]

Code Snippet

import { test, Page } from '@playwright/test';

test.describe('pc smoke', () => {
  let page: Page

  test.beforeEach(async ({ browser }) => {
    const context = await browser.newContext();
    page = await context.newPage();
    await page.goto('https://www.ikea.cn/cn/zh');
    await page.evaluate(() => window.localStorage.setItem('dismissedSurveyActivityIds', '["survey-activity-for-covid19"]'));
    await page.evaluate(() => window.localStorage.setItem('footerCookie', '0'));
    await page.locator('button.ikeacn-consent-modal__button').nth(1).click();
  });

  test('home-search-add', async () => {
    await page.locator('input.s-input').click();
    await page.locator('input.inputSearch').fill('pax');
    await page.keyboard.press('Enter');
    await page.waitForNavigation();
  });
});

Describe the bug

We are starting to test https://www.ikea.cn/cn/zh with playwright. One feature is that recommended search keyword will be rotating in the search input. (For /cn/zh Chinese version only, but you don’t need to understand Chinese) And we hit below error frequently when trying to click “input.s-input”. Not every time, but I’m sure if you try 5 - 10 times you will definitely hit it. Any advise will be appreciated. Thank you.

Similar to https://github.com/microsoft/playwright/issues/10638 but PLAYWRIGHT_NO_LAYOUT_SHIFT_CHECK seems not helpful.

C:\Users\totao\Downloads\playwright>npx playwright test tests/search.spec.ts --headed

Running 1 test using 1 worker

1. [chromium] › search.spec.ts:18:3 › pc smoke › home-search-add =================================

Timeout of 30000ms exceeded.

locator.click: Target closed
=========================== logs ===========================
waiting for selector "input.s-input"
  selector resolved to visible <input value="" class="s-input" data-v-e937ae80="" aria…/>
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
  checking that element receives pointer events at (877.25,71)
  <div class="notice" data-v-925d6144="">…</div> from <div data-v-925d6144="" data-v-e937ae80="" class="not…>…</div> subtree intercepts pointer events

… ============================================================

  17 |
  18 |   test('home-search-add', async () => {
> 19 |     await page.locator('input.s-input').click();
     |                                         ^
  20 |     await page.locator('input.inputSearch').fill('pax');
  21 |     await page.keyboard.press('Enter');
  22 |     await page.waitForNavigation();

    at C:\Users\totao\Downloads\playwright\tests\search.spec.ts:19:41
    at C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\workerRunner.js:373:13
    at TestInfoImpl._runFn (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\testInfo.js:164:7)        at WorkerRunner._runTestWithBeforeHooks (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\workerRunner.js:348:24)
    at TestInfoImpl._runWithTimeout (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\testInfo.js:152:7)
    at WorkerRunner._runTestOrAllHook (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\workerRunner.js:308:5)
    at WorkerRunner._runSuite (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\workerRunner.js:221:43)
    at WorkerRunner._runSuite (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\workerRunner.js:217:9)
    at WorkerRunner.run (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\workerRunner.js:163:9)
    at process.<anonymous> (C:\Users\totao\Downloads\playwright\node_modules\@playwright\test\lib\worker.js:94:5)

attachment #1: screenshot (image/png) ----------------------------------------------------------
test-results\search-pc-smoke-home-search-add-chromium\test-failed-1.png
------------------------------------------------------------------------------------------------

Slow test file: [chromium] › search.spec.ts (30s) Consider splitting slow test files to speed up parallel execution

1 failed [chromium] › search.spec.ts:18:3 › pc smoke › home-search-add ==================================