I get the "element is outside the viewport" error and still retrying action until the test time runs out when trying to click the button in the chromium browser. but the error only occurs in chromium, if I run it in firefox or in webkit then the test runs fine. I didn't set a value for the viewport, it should work fine because I used the default from playwright.

Test timeout of 60000ms exceeded.
Error: locator.click: Target closed
=========================== logs ===========================
waiting for locator('#button-show-modal-create-activity')
  locator resolved to <button type="button" class="btn-v2 btn btn-jejakin-whit…>Add Activity</button>
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
  element is outside of the viewport
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
  element is outside of the viewport

I have also done various ways to click the button but nothing works.

// await page.locator("#button-show-modal-create-activity").click();
            
            // await page.locator("_react=button[id='button-show-modal-create-activity']").click();

            // await page.getByRole('button', { name: 'Add Activity' }).click();

            // const button = page.locator("//button[text()='Add Activity']");
            // await button.scrollIntoViewIfNeeded();
            // await button.click();
            
            // const button = page.locator("_react=button[id='button-show-modal-create-activity']");
            // await button.waitFor({ state: 'visible' });
            // await button.click();

and the element is not located inside an iframe. fyi: my application is build on react js, and my device viewport is 1660 × 946