Recording contains a greyed area in the right

This issue has been tracked since 2022-06-28.

Describe the bug
I connect to the browserless container from a Playwright test over CDP. When aI record the session there is a greyed area in the right and not the whole screen is visible.

The issue does not arise when using Playwright wirh a local Chtome browser, so it only seems to occur in conjunction with Browserless and that's the reason i filed the issue in this repo.

You can find the correspondng Playwright issue here: microsoft/playwright#15131

To Reproduce
The issue is analyzed in this comment: microsoft/playwright#15131 (comment) and you can find the steps to reproduce there as well.

Expected behavior
The whole screen is recorded.

Screenshots

Desktop (please complete the following information):

  • OS: Linux
  • Browser: Chrome
  • Version: 1.53.0-chrome-stable
MattHorrocksNetwealth wrote this answer on 2022-07-07

This is interesting, as I have been finding a very similar issue with the Playwright dotnet GotoAsync command and the browserless container.

If I set the viewport size to 1920,1080 then call GotoAsync twice, the second call to GotoAsync resets the viewport size to 1280,720 and so any browser interactions like clicking will not work, because the elements have been hidden.

Once the second GotoAsync call has happened, no amount of tinkering with the viewport size will reset it to 1920,1080.

Oddly, any screenshots taken will be at 1920,1080, but the Playwright trace shows the browser size being reset.

The test runs perfectly when running locally.

@joelgriffith I've been away on leave so not had time to log my issue with the Playwright dotnet core team, as we discussed on email, however this does sound like a potentially similar root cause.

OLibutzki wrote this answer on 2022-09-30

As there is no activity in this issue in the last three months: Any ideas how to fix this one? Can I help in any way?

andyMrtnzP wrote this answer on 2023-02-07

Sorry for the delay :/. Something that we found recently is that the gray area will appear whenever the ratio is not 16:9. If you try 1366 x 768, 1920 x 1080, or 2560 x 1440, it won't have the gray area:

image

OLibutzki wrote this answer on 2023-02-07

Thanks 👍

More Details About Repo
Owner Name browserless
Repo Name chrome
Full Name browserless/chrome
Language TypeScript
Created Date 2017-11-17
Updated Date 2023-03-22
Star Count 5309
Watcher Count 47
Fork Count 516
Issue Count 29

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date