| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Changing from paged-y to paged-x</title> | |
| <script> | |
| function test() { | |
| document.body.offsetTop; // trigger layout | |
| document.body.style.overflow = 'paged-x'; | |
| document.body.style.overflow = '-webkit-paged-x'; | |
| } | |
| </script> | |
| </head> | |
| <body style="overflow:-webkit-paged-y; overflow:paged-y; column-gap:0" onload="test()"> | |
| <div style="height:150vh;"> | |
| There should be a horizontal scrollbar on this page. | |
| </div> | |
| </body> | |
| </html> |