Closed Bug 1853670 Opened 1 year ago Closed 1 year ago

resume.creddle.io - "Print preview" is missing elements from the page

Categories

(Core :: Print Preview, defect)

Firefox 117
Desktop
All
defect

Tracking

()

RESOLVED WORKSFORME
Tracking Status
firefox117 --- affected
firefox118 --- affected
firefox119 --- affected

People

(Reporter: rbucata, Unassigned)

References

()

Details

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

<!-- @browser: Firefox 117.0 -->
<!-- @ua_header: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/117.0 -->
<!-- @reported_with: unknown -->

URL: https://resume.creddle.io/

Browser / Version: Firefox 117.0
Operating System: Linux
Tested Another Browser: Yes Chrome

Problem type: Something else
Description: When printing Resume to PDF several stuff is missing
Steps to Reproduce:
Steps to reproduce:

1.- Go to the website and checkout one of the examples eg. https://resume.creddle.io/showcase/almada

2.- Print to PDF

Result: The PDF is generated but several things are missing

<details>
<summary>View the screenshot</summary>
<img alt="Screenshot" src="https://webcompat.com/uploads/2023/9/8c5c98d4-ed88-4691-a21e-6b8c71119916.jpg">
</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.

The issue was reported via the webcompat.com reporter. Since the issue is specific to a browser feature (Print Preview), as the map does not get rendered in Print Preview, we have moved the issue accordingly. Please feel free to move the issue to the relevant Project and Component.

OS: Android → All
Hardware: Unspecified → Desktop
Version: unspecified → Firefox 117

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

1.- Go to the website and checkout one of the examples eg. https://resume.creddle.io/showcase/almada
2.- Print to PDF
Result: The PDF is generated but several things are missing

It looks OK to me, with the only thing potentially "missing" being the background color used for the sidebar and the horizontal divider rules. That depends on whether the "Print backgrounds" option in the print dialog is enabled or not.

Is there any other issue besides the backgrounds option? If not, I think this is working as expected.

Flags: needinfo?(rbucata)

Hi Jonathan. Elements like the blueish dividers are not present in Print Preview, compared to Chrome, and the background as well, as you've stated. If this is expected, please feel free to close it, and we will use this report as a future reference for similar issues. Thank you.

Flags: needinfo?(rbucata)

Those dividers are created using narrow <div>s with a blue background. So if you have Print Backgrounds disabled, they won't show up. Same for the background of the sidebar.

If you check the Print Backgrounds option in the print preview panel, they'll be included in the print/pdf output.

Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.