Bug 6790

Summary:

position:fixed elements depend on scrollbar position when printing

Product:

WebKit

Reporter:

Daniel Höpfl <webkit>

Component:

Printing

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

bdakin, i93.borg, info, ktf.kim, mackyle, m.kurz+webkitbugs, robburns1, salzig, simon.fraser

Priority:

Keywords:

HasReduction

Version:

420+

Hardware:

Mac

OS:

OS X 10.4

Attachments:

Description	Flags
file.html	none
Attempts to place "Page N" footer on bottom of each of 4 pages	none
When rendered correctly, this should print 2 pages with a tag at the bottom of each page.	none

Daniel Höpfl

Reported 2006-01-25 03:58:03 PST

I wanted to use a media="print" CSS to position a logo on the left of every printed page. The code seems correct to me and works fine in Firefox but in Safari there are two errors: - The logo does not appear on *every* page. It is printed only once. ("For paged media, boxes with fixed positions are repeated on every page", http://www.w3.org/TR/CSS21/visuren.html#fixed-positioning) - If the viewport is scrolled when I print the page, the logo is printed at the wrong position. Minimized example code: <html><head><title>Test</title></head><body> <div style="background-color:#ddd; height:30cm;">Make page big</div> <div style="position:fixed; top:0px; left:0px;">Should be on the upper left of all pages!</div> </body></html> How to reproduce: - Save the example code to file.html - Open file.html in Safari - Print (Preview) - Scroll to the end - Print (Preview) Expected result: On screen the text "Should be on the upper left of all pages!" should be fixed on the upper left corner. When scrolling down the text is still there. This works fine. When printed, the text should be on the upper left of *every* page. The text should *not* move down on the printout regardless where you scrolled to on screen. Both previews should be equal.

Attachments
file.html (224 bytes, text/html) 2006-02-15 14:12 PST, Joost de Valk (AlthA)	no flags	Details
Attempts to place "Page N" footer on bottom of each of 4 pages (1.17 KB, text/html) 2010-03-26 16:51 PDT, mackyle	no flags	Details
When rendered correctly, this should print 2 pages with a tag at the bottom of each page. (872 bytes, text/html) 2010-08-13 08:34 PDT, George	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Joost de Valk (AlthA)

Comment 1 2006-02-15 14:12:11 PST

Created attachment 6510 [details] file.html

Joost de Valk (AlthA)

Comment 2 2006-02-15 14:13:37 PST

Confirmed. Reporter, could you add the testcase to the bug next time? like i did now? Thanks!

mackyle

Comment 3 2010-03-26 16:50:04 PDT

Rather than opening another bug that would be very similar to this one, I'm just going to add another attachment test case. The pagestest.html attachment attempts to place a "Page N" footer at the bottom of every page when printed. It uses a position: fixed element and a Content: counter to do this. It fails miserably with WebKit. The "Page " footer only appears once and it's usually at the top of the last page (although sometimes part of it is cutoff and appears partially on the next-to-last page as well).

mackyle

Comment 4 2010-03-26 16:51:32 PDT

Created attachment 51797 [details] Attempts to place "Page N" footer on bottom of each of 4 pages

George

Comment 5 2010-08-13 08:33:14 PDT

This is also a problem for me - tested using Safari 5.0.1 (Windows) I attach a test file. When correctly rendered (tested in Firefox and IE), "print preview" mode shows the tag text at the bottom of both pages. Going to ask w3schools to mention that on their CSS compatibility table...

George

Comment 6 2010-08-13 08:34:19 PDT

Created attachment 64345 [details] When rendered correctly, this should print 2 pages with a tag at the bottom of each page.

Simon Fraser (smfr)

Comment 7 2012-11-07 16:17:36 PST

Fixed elements not being on every page may be fixed by bug 100075.

Note You need to log in before you can comment on or make changes to this bug.