Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Print view broken with overflowing container #7

Open
menelaos opened this issue Aug 9, 2023 · 0 comments
Open

Print view broken with overflowing container #7

menelaos opened this issue Aug 9, 2023 · 0 comments

Comments

@menelaos
Copy link

menelaos commented Aug 9, 2023

This plugin in conjunction with redmine 5 causes some issues when printing pages that contain overflowing elements. In particular, it causes the left-hand side of the page to be cut off.

Steps to reproduce:

  1. Setup redmine according to https://redmine.org/projects/redmine/wiki/RedmineInstall
  2. Install redmine_hide_sidebar
  3. Start redmine
  4. Visit http://localhost:3000/projects
  5. Open DevTools and add the following element as a sibling to <h2>Projects</h2>:
    <div style="white-space: nowrap; width: 1800px; overflow-x: scroll;">
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem
      accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
      ab illo inventore veritatis et quasi architecto beatae vitae dicta
      sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
      aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
      qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui
      dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
      quia non numquam eius modi tempora incidunt ut labore et dolore magnam
      aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
      exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex
      ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in
      ea voluptate velit esse quam nihil molestiae consequatur, vel illum
      qui dolorem eum fugiat quo voluptas nulla pariatur?
    </div>
  6. Print page on A4
  7. See that the "Projects" header is not visible and the left side (beginning) of the page is cut off:
    Screenshot 2023-08-09 at 17 35 21

Possible fixes:

If I remove width: auto in

and , the page prints as expected:
Screenshot 2023-08-09 at 17 49 12

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant