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.

Sign up for GitHub

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

Jump to bottom

negative page margin values not working as expected #1217

Closed
MurakamiShinyu opened this issue Aug 4, 2023 · 1 comment · Fixed by #1218
Closed

negative page margin values not working as expected #1217

MurakamiShinyu opened this issue Aug 4, 2023 · 1 comment · Fixed by #1218
Assignees
@MurakamiShinyu
Labels
bug

Comments

@MurakamiShinyu
Copy link
Member

Test example:

<!doctype html>
<style>
@page {
  size: 210mm 210mm;
  marks: crop cross;
  bleed: 3mm;
  margin: -3mm;
}
body {
  margin: 0;
}
img {
  display: block;
  width: 100vw;
  height: 100vh;
}
</style>
<body>
<img src="https://vivliostyle.github.io/vivliostyle_doc/samples/gon/img/gon.jpg"/>
</body>

HTML: https://gist.githack.com/MurakamiShinyu/82b86a8cc7bbd45f94d5390f8fc6ada7/raw/negative-page-margin.html

Test with Vivliostyle Viewer:
https://vivliostyle.org/viewer/#src=https://gist.githack.com/MurakamiShinyu/82b86a8cc7bbd45f94d5390f8fc6ada7/raw/negative-page-margin.html

Result screenshot:
スクリーンショット 2023-08-04 17 11 53

In this example, a negative page margin value (-3mm) is specified, and the image's top left corner should be aligned to the top left bleed area edge (3mm outside of the page size). However the top and left -3mm page margin values seem to be not working as expected.
@MurakamiShinyu MurakamiShinyu self-assigned this Aug 4, 2023
MurakamiShinyu added a commit that referenced this issue Aug 4, 2023
@MurakamiShinyu
fix: negative page margin values not working as expected
3f352d2 
- fix #1217
@MurakamiShinyu MurakamiShinyu mentioned this issue Aug 4, 2023
Merged
@MurakamiShinyu
Copy link
Member Author

Fixed in PR #1218.

Test: https://vivliostyle-git-fix-issue1217-vivliostyle.vercel.app/#src=https://gist.githack.com/MurakamiShinyu/82b86a8cc7bbd45f94d5390f8fc6ada7/raw/negative-page-margin.html

Screenshot:
スクリーンショット 2023-08-04 18 29 21

@MurakamiShinyu MurakamiShinyu mentioned this issue Aug 4, 2023
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@MurakamiShinyu MurakamiShinyu

Labels
bug
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: negative page margin values not working as expected vivliostyle/vivliostyle.js
1 participant
@MurakamiShinyu