Lost printing content if specify the position:absolute and transform style.

NEW
Unassigned

Status

()

2 years ago
a year ago

People

(Reporter: azlimited2017, Unassigned, NeedInfo)

Tracking

(Depends on: 1 bug)

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

31.93 KB, application/zip
Details
(Reporter)

Description

2 years ago
Created attachment 8844293 [details]
attached.zip

User Agent: Mozilla/5.0 (Windows NT 6.0; rv:51.0) Gecko/20100101 Firefox/51.0
Build ID: 20170125094131

Steps to reproduce:

1. Open Print Selected Documents(Cap 132).html
2. Generate Print Preview
3. Choose landscape mode and A4 size for printer



Actual results:

1. Remaining content cannot be displayed in second page of print preview when content exceeds page one capacity

2. Can only print out the content of page 1


Expected results:

1. Content should be able to display in second page of print preview when content exceeds page one capacity 

2. Should be able to print out full content

Updated

2 years ago
Group: core-security
I produce a similar behavior with the site :
https://remarkjs.com/

The site presents a javascript libary in order to make slides. The site is using its own js library. So when I try to print the site, the print-preview and the print have only the first page filled, the other pages are blank.

I have a wrong print/print-preview with :
- Firefox 56.0.1 (64 bits)
- Firefox Nightly 58.0a1 (2017-10-23) (64 bits)

I have a correct print/print-preview with :
- Chrome Version 62.0.3202.62 (Build officiel) (64 bits)
- Internet Explorer 11.
I looked into this a little.
A reported test-case of comment #0 uses "display:flex;" on first div element and inner div children. So this is same of bug 1089549. A second reported test-case of comment #1 uses "overflow: hidden;" and "position: absolute;" in each slides div elements. If remove this style, we can print this slide site correctly. I think that it is different from first report and second report.
(In reply to Mantaroh Yoshinaga[:mantaroh] from comment #2)
> I looked into this a little.
> A reported test-case of comment #0 uses "display:flex;" on first div element
> and inner div children. So this is same of bug 1089549. A second reported
> test-case of comment #1 uses "overflow: hidden;" and "position: absolute;"
> in each slides div elements. If remove this style, we can print this slide
> site correctly. I think that it is different from first report and second
> report.

Oh, sorry. This comment which mentioned to second report is wrong. This is weird phenomenon..
In my environment, I can print this remark.js site correctly, if I resize window size. Furthermore I can print correctly if I remove transform-origin style from this site.

I guess this is problem of absolution and translation when printing.
I'll look into this bug, if I can make the time.
Status: UNCONFIRMED → NEW
Depends on: 939897
Ever confirmed: true
Flags: needinfo?(mantaroh)
Summary: Print preview can only show one page / Can only print the first page → Lost printing content if specify the position:absolute and transform style.
You need to log in before you can comment on or make changes to this bug.