Bug 112909

Summary: Multi-column works incorrectly when pagination applied on body using overflow: paged-x
Product: WebKit Reporter: A George <ancil0504>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED    
Severity: Critical CC: bdakin, caraaniston9, carlosbaron826, cmarcelo, dglazkov, dino, eric, getitornot39, hyatt, leibabarry, menard, pravind, simon.fraser, webkit-bug-importer
Priority: P1 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Windows 7   
See Also: https://bugs.webkit.org/show_bug.cgi?id=248432
Attachments:
Description Flags
paged-x-onroot-with-columns.html
none
Scren shot -body-paged-multicolum.png
none
paged-x-div-with-columns.html
none
Screen shot div-paged-multicolum.png none

A George
Reported 2013-03-21 06:49:55 PDT
Created attachment 194248 [details] paged-x-onroot-with-columns.html The flow of content within the multi-column is incorrect when pagination and multi-column properties are set on the body tag. The content is flown into the columns and then pagination is applied. This results in the content to flow in this order Column 1 -> Column 3 -> Column 2 -> Column 4, which is incorrect. (Refer attached image body-paged-multicolum.png, paged-x-onroot-with-columns.html) It works well when the pagination is applied on DIV. (Refer attached image div-paged-multicolum.png, paged-x-div-with-columns.html) Tested on Chrome Canary Version 27.0.1447.3 canary on Windows 7
Attachments
paged-x-onroot-with-columns.html (10.05 KB, text/html)
2013-03-21 06:49 PDT, A George 		no flags
Details
Scren shot -body-paged-multicolum.png (129.33 KB, image/png)
2013-03-21 06:51 PDT, A George 		no flags
Details
paged-x-div-with-columns.html (10.16 KB, text/html)
2013-03-21 06:52 PDT, A George 		no flags
Details
Screen shot div-paged-multicolum.png (112.48 KB, image/png)
2013-03-21 06:54 PDT, A George 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
A George
Comment 1 2013-03-21 06:51:33 PDT
Created attachment 194249 [details] Scren shot -body-paged-multicolum.png
A George
Comment 2 2013-03-21 06:52:31 PDT
Created attachment 194250 [details] paged-x-div-with-columns.html
A George
Comment 3 2013-03-21 06:54:55 PDT
Created attachment 194253 [details] Screen shot div-paged-multicolum.png
Radar WebKit Bug Importer
Comment 4 2013-03-21 12:55:55 PDT
<rdar://problem/13475922>
Heather LaDue
Comment 5 2025-03-09 16:46:04 PDT Comment hidden (obsolete)
carlosbaron826
Comment 7 2025-11-18 22:24:32 PST
Comment on attachment 194248 [details] paged-x-onroot-with-columns.html ><?xml version="1.0" encoding="UTF-8"?> ><!DOCTYPE html > PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> ><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> > > > ><body style="overflow-y: -webkit-paged-x; -webkit-column-count: 2; -webkit-column-gap: 1rem;"> > >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. <b style="color: red">THIS SHOULD BE COLUMN 2</b> Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, <b style="color: red">THIS SHOULD BE COLUMN 3</b>quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. > >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. ></body> ></html>
carlosbaron826
Comment 8 2025-11-18 22:24:33 PST
Comment on attachment 194248 [details] paged-x-onroot-with-columns.html ><?xml version="1.0" encoding="UTF-8"?> ><!DOCTYPE html > PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> ><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> > > > ><body style="overflow-y: -webkit-paged-x; -webkit-column-count: 2; -webkit-column-gap: 1rem;"> > >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. <b style="color: red">THIS SHOULD BE COLUMN 2</b> Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, <b style="color: red">THIS SHOULD BE COLUMN 3</b>quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. > >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. ></body> ></html>
carlosbaron826
Comment 9 2025-11-18 22:24:34 PST
Comment on attachment 194248 [details] paged-x-onroot-with-columns.html ><?xml version="1.0" encoding="UTF-8"?> ><!DOCTYPE html > PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> ><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> > > > ><body style="overflow-y: -webkit-paged-x; -webkit-column-count: 2; -webkit-column-gap: 1rem;"> > >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. <b style="color: red">THIS SHOULD BE COLUMN 2</b> Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, <b style="color: red">THIS SHOULD BE COLUMN 3</b>quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. > >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. Vestibulum ligula neque, commodo eget blandit sit amet, facilisis vitae mi. Vivamus pretium lorem a quam imperdiet in placerat purus sagittis. Aliquam ut dui nibh. Cras faucibus imperdiet pellentesque. Curabitur vel tortor quam, ut pharetra eros. Mauris euismod, justo in mattis ultricies, risus velit pretium ligula, eu sodales libero dolor et massa. Phasellus eros quam, faucibus sed consectetur et, elementum ut erat. Morbi fringilla, lorem non fermentum vulputate, quam metus ullamcorper quam, eu porttitor diam metus eget augue. Donec non lorem et arcu adipiscing suscipit. Donec porta euismod magna a fermentum. Suspendisse vestibulum rhoncus bibendum. Nam in nisi eget nulla vestibulum rutrum. Aenean eu libero turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia massa in lectus pretium vulputate. Curabitur viverra augue in leo faucibus congue. ></body> ></html>
Note You need to log in before you can comment on or make changes to this bug.