6790 2006-01-25 03:58:03 -0800 position:fixed elements depend on scrollbar position when printing 2017-07-06 12:09:25 -0700 1 1 1 Unclassified WebKit Printing 420+ Mac OS X 10.4 NEW HasReduction P2 Normal --- 1 webkit webkit-unassigned bdakin i93.borg info ktf.kim mackyle m.kurz+webkitbugs robburns1 salzig simon.fraser oldest_to_newest 29826 0 webkit 2006-01-25 03:58:03 -0800 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. 32763 1 6510 joost 2006-02-15 14:12:11 -0800 Created attachment 6510 file.html 32764 2 joost 2006-02-15 14:13:37 -0800 Confirmed. Reporter, could you add the testcase to the bug next time? like i did now? Thanks! 204863 3 mackyle 2010-03-26 16:50:04 -0700 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). 204864 4 51797 mackyle 2010-03-26 16:51:32 -0700 Created attachment 51797 Attempts to place "Page N" footer on bottom of each of 4 pages 264377 5 i93.borg 2010-08-13 08:33:14 -0700 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... 264378 6 64345 i93.borg 2010-08-13 08:34:19 -0700 Created attachment 64345 When rendered correctly, this should print 2 pages with a tag at the bottom of each page. 761151 7 simon.fraser 2012-11-07 16:17:36 -0800 Fixed elements not being on every page may be fixed by bug 100075. 6510 2006-02-15 14:12:11 -0800 2006-02-15 14:12:11 -0800 file.html file.html text/html 224 joost PGh0bWw+PGhlYWQ+PHRpdGxlPlRlc3Q8L3RpdGxlPjwvaGVhZD48Ym9keT4KPGRpdiBzdHlsZT0i YmFja2dyb3VuZC1jb2xvcjojZGRkOyBoZWlnaHQ6MzBjbTsiPk1ha2UgcGFnZSBiaWc8L2Rpdj4K PGRpdiBzdHlsZT0icG9zaXRpb246Zml4ZWQ7IHRvcDowcHg7IGxlZnQ6MHB4OyI+U2hvdWxkIGJl IG9uIHRoZSB1cHBlciBsZWZ0IG9mCmFsbCBwYWdlcyE8L2Rpdj4KPC9ib2R5PjwvaHRtbD4= 51797 2010-03-26 16:51:32 -0700 2010-03-26 16:51:32 -0700 Attempts to place "Page N" footer on bottom of each of 4 pages pagestest.html text/html 1195 mackyle PCFET0NUWVBFIGh0bWw+CjxodG1sPjxoZWFkPjx0aXRsZT5QYWdlcyBUZXN0PC90aXRsZT4KPHN0 eWxlIHR5cGU9InRleHQvY3NzIj4KCmJvZHkgewogIG1hcmdpbjogMDsKICBmb250LWZhbWlseTog ZmFudGFzeTsKICBmb250LXNpemU6IHh4LWxhcmdlOwp9CgpkaXYgewogIHBhZGRpbmc6IDFlbSAx ZW0gMDsKICBmb250LWZhbWlseTogc2Fucy1zZXJpZjsKICBmb250LXNpemU6IG1lZGl1bTsKfQoK ZGl2ICsgZGl2IHsKICBwYWdlLWJyZWFrLWJlZm9yZTogYWx3YXlzOwp9CgojaGVhZGluZyB7CiAg ZGlzcGxheTogYmxvY2s7CiAgcG9zaXRpb246IGZpeGVkOwogIHRvcDogYXV0bzsKICBib3R0b206 IDFleDsKICBoZWlnaHQ6IDFlbTsKICBjb3VudGVyLWluY3JlbWVudDogcGFnZW51bTsKICB0ZXh0 LWFsaWduOiBjZW50ZXI7CiAgd2lkdGg6IDEwMCU7Cn0KI2hlYWRpbmc6YWZ0ZXIgewogIENvbnRl bnQ6IGNvdW50ZXIocGFnZW51bSk7Cn0KCiNub3RpY2UgewogIG1hcmdpbjogMWVtIDFlbSAwOwog IGRpc3BsYXk6IGJsb2NrOwogIHBvc2l0aW9uOiBmbG9hdDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAj MjI4OwogIGNvbG9yOiAjZGRkOwogIGJvcmRlcjogbWVkaXVtIHNvbGlkIHJlZDsKICB3aWR0aDog NjVleDsKICBwYWRkaW5nOiAwLjVleDsKICBmb250LWZhbWlseTogc2Fucy1zZXJpZjsKICBmb250 LXNpemU6IG1lZGl1bTsKfQoKQG1lZGlhIHNjcmVlbiB7CiAgI2hlYWRpbmcgewogICAgZGlzcGxh eTogbm9uZTsKICB9Cn0KCkBtZWRpYSBwcmludCB7CiAgI25vdGljZSB7CiAgICBkaXNwbGF5OiBu b25lOwogIH0KfQoKPC9zdHlsZT48L2hlYWQ+PGJvZHk+Cgo8c3BhbiBpZD0nbm90aWNlJz5UbyB0 ZXN0LCBwcmludCBtZSAocHJpbnQgcHJldmlldyBpcyBmaW5lKS48YnIgLz48YnIgLz4KT3V0cHV0 IHNob3VsZCBiZSBmb3VyIHBhZ2VzIHdpdGggYSBwYWdlIG51bWJlciBhdCB0aGUgYm90dG9tIG9m IGVhY2ggb25lCihwcmVjZWRlZCBieSB0aGUgd29yZCA8ZW0+UGFnZTwvZW0+IGFuZCB3aXRoIHRo aXMgbm90aWNlIG9taXR0ZWQpLjwvc3Bhbj4KPHNwYW4gaWQ9J2hlYWRpbmcnPlBhZ2UgPC9zcGFu PgoKPGRpdj5GaXJzdCBwYWdlPC9kaXY+Cgo8ZGl2PlNlY29uZCBwYWdlPC9kaXY+Cgo8ZGl2PlRo aXJkIHBhZ2U8L2Rpdj4KCjxkaXY+Rm91cnRoIHBhZ2U8L2Rpdj4KCjwvYm9keT48L2h0bWw+Cg== 64345 2010-08-13 08:34:19 -0700 2010-08-13 08:35:31 -0700 When rendered correctly, this should print 2 pages with a tag at the bottom of each page. test.html text/html 872 i93.borg PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjEvL0VOIiAiaHR0cDov L3d3dy53My5vcmcvVFIveGh0bWwxMS9EVEQveGh0bWwxMS5kdGQiPgo8aHRtbCB4bWxucz0iaHR0 cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgeG1sOmxhbmc9ImVuIj4KCgk8aGVhZD4KCQk8dGl0 bGU+VGVzdCBQYWdlPC90aXRsZT4KCQk8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50LVR5cGUiIGNv bnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD11dGYtOCIgLz4KCQk8bGluayByZWw9InN0eWxlc2hl ZXQiIHR5cGU9InRleHQvY3NzIiBocmVmPSJ0ZXN0LmNzcyIgbWVkaWE9InByaW50IiAvPgoJCgkJ PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCQkJZGl2LnBhZ2UtYnJlYWsgeyAKCQkJCWRpc3BsYXk6 YmxvY2s7CgkJCQlwYWdlLWJyZWFrLWJlZm9yZTphbHdheXM7CgkJCX0KCQkJCgkJCWRpdi50YWcg ewoJCQkJZGlzcGxheTogYmxvY2s7CgkJCQlwb3NpdGlvbjogZml4ZWQ7CgkJCQlib3R0b206IDA7 CgkJCQlsZWZ0OiA1MCU7CgkJCX0KCQkJCgkJCWRpdi50YWcgcCB7CgkJCQl3aWR0aDogMjBlbTsK CQkJCWZvbnQtc2l6ZTogMTJweDsKCQkJCXRleHQtYWxpZ246IGNlbnRlcjsKCQkJCW1hcmdpbi1s ZWZ0OiAtMTBlbTsKCQkJfSAgIAoJCTwvc3R5bGU+CgkKCTwvaGVhZD4KCgk8Ym9keT4KCQoJCTxo MT5QYWdlIDEgdGV4dDwvaDE+CgkJCgkJPGRpdiBjbGFzcz0ncGFnZS1icmVhayc+PC9kaXY+CgkJ CgkJPGgxPlBhZ2UgMiB0ZXh0PC9oMT4KCQkKCQk8ZGl2IGNsYXNzPSd0YWcnPgoJCQk8cD5UYWcg VGV4dCAtIHNob3VsZCBzaG93IG9uIGV2ZXJ5IHByaW50ZWQgcGFnZTwvcD4KCQk8L2Rpdj4KCQoJ PC9ib2R5Pgo8L2h0bWw+Cgk=