1833162 - tafresh-theme.com - Full page screenshot has an extra black space on the right

Status: RESOLVED INVALID

(Firefox :: Screenshots, defect)

Description

[Calin Tanase]

From github: https://github.com/webcompat/web-bugs/issues/122317.

Note: Feel free to move the issue if the Product/Component is wrong.

<!-- @browser: Firefox 113.0 -->
<!-- @ua_header: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.0 -->
<!-- @reported_with: unknown -->
<!-- @public_url: https://github.com/webcompat/web-bugs/issues/122317 -->

URL: https://tafresh-theme.com/homez/

Browser / Version: Firefox 113.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome

Problem type: Something else
Description: screenshot bug
Steps to Reproduce:
hello
i wanna just take an screenshot from whole page.
but it has an black background on the right side
but it's ok on the chrome
please fix this bug
<details>
<summary>View the screenshot</summary>
<img alt="Screenshot" src="https://webcompat.com/uploads/2023/5/abc51451-db7e-4c2e-9d9c-64a58d044506.jpeg">
</details>

<details>
<summary>Browser Configuration</summary>
<ul>
<li>None</li>
</ul>
</details>

From webcompat.com with ❤️

Change performed by the Move to Bugzilla add-on.

Comment 1

[Calin Tanase]

Attachment: tafresh-theme SS.png

The downloaded screenshot looks the same as on the screenshot preview.

Comment 2

[Andrew McCreight [:mccr8]]

The full page screenshot looked okay to me on MacOS. It sounds like the issue is with the screenshot part and not the actual rendering of the page, so I'll move it there.

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

Comment 4

[BugBot [:suhaib / :marco/ :calixte]]

The product::component has been changed since the backlog priority was decided, so we're resetting it.
For more information, please visit BugBot documentation.

Comment 5

[Niklas Baumgardner [:niklas]]

It appears that this site has some elements that are overflowing on the page.

If you set overflow: hidden; on the <div id="wrapper-container"> element then the screenshot looks as expected.

Because we are capturing what the website gives us, there isn't anything we can do to fix this.