[Bug]: Some web elements are not displayed when using viewport parameters about playwright HOT 5 OPEN

I cannot reproduce it with the following test, looks like the web site may add it with a delay or not add at all at its discretion. Can also be that some bot protection kicks-in. If you think this is a playwright bug, can you share a self-contained repro that we could run locally?

import { expect, test } from "@playwright/test";

test("Test", async ({ page }) => {
  await page.goto('https://app.jobnimbus.com');
  await new Promise(() => {})
});

Here is the self-contained repo: https://github.com/chintalJN/my-playwright-project
The settings I am using are :
{
name: 'Google Chrome',
use: { ...devices['Desktop Chrome'], channel: 'chrome',
viewport: { width: 1920, height: 1080 },
},
},

from playwright.

The test is passing for me locally:

Like I said there maybe a race condition (in which case waiting for the element to show up might help) or site behavior changes depending on whether the client browser is controlled by automation or some other condition. To rule out those scenarios and have reliable repro, I asked for a self-contained example, i.e. the one that includes the web app too rather than goes to a page in the internet. Could you provide that? Otherwise we can't seem to reproduce it.

from playwright.

I am sharing the local recording here: https://share.zight.com/bLuvq2n4
I am sure the issue is not about racing condition. This does not happen with Selenium when I set viewport: { width: 1920, height: 1080 } for the test browser. I am QA Engineer at JobNimbus and testing the website in the example. The issue does not happen when I have launchOptions: {
args: ["--start-maximized"]
} in playwright.config.ts

from playwright.

Try recording a trace to debug why it's not showing up. I trust you that it may be reproducible in you environment, but we need to be able to repeat it locally to see the bug and so far the following test has been passing 10 times out of 10:

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

test('get started', async ({ page }) => {
  await page.goto('https://app.jobnimbus.com');
  await (expect(page.locator(`[data-test-id='chat-widget-iframe']`)).toBeVisible());
  await page.screenshot({ path: `screenshot.png` });
});