palantir/blueprint

Printing a page is not working correctly.

Open

#4,917 opened on Sep 17, 2021

View on GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P3Package: coreType: bughelp wanted

Description

Environment

  • Package version(s): <^3.47.0>
  • Operating System: <Windows 10 64bit>
  • Browser name and version: <Google Chrome Version 93.0.4577.82>

Steps to reproduce

Goto link blueprintjs overlay documentation

  1. click on button "Show overlay"
  2. click on button "Make me scroll".
  3. Then Ctrl+P to print the page.

Actual behavior

And, in my case, i see 4 identical lists with overlay.

Expected behavior

I Expected just one page or multiple pages if overlay is goes beyond the screen

Possible solution

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic knowledge of ReactCSS print media queries
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
55
Research direction
Investigate the Overlay component's CSS, possibly in Overlay.tsx or related styled components. Look for print media queries or missing print styles that cause duplicate content when printing. The solution may involve adding @media print rules to hide the overlay or adjust its display.