html2canvas/tests/cases/overflow/overflow.html

<!DOCTYPE html>
<html>
    <head>
        <title>Overflow tests</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="../../test.js"></script>
        <style>
            .small{
                font-size:14px;
            }

            .medium{
                font-size:18px;
            }
            .large{
                font-size:24px;
            }
            div{
                background: #ccc;
                border:6px solid black;
                width:300px;
                height:200px;
                margin: 0 0 60px 0;
            }
            h1 {
                margin:0;
            }
        </style>

    </head>
    <body>

        <h1>Overflow: visible</h1>
        <div>              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.
        </div>

        <h1>Overflow: hidden</h1>
        <div style="overflow:hidden;float: right; height: 100px; border-radius: 100%; border-color: transparent;">
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s

            with the release of <div style="border-width:10px 0 5px 0;background:green;">a</div>Letraset sheets containing Lorem Ipsum passages, <img src="../../assets/image.jpg" /> and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.


            <div style="overflow:visible;position:relative;"><u>position:relative within a overflow:hidden element</u><br /> <br />

                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.

            </div>
        </div>
        <div style="overflow:hidden;">
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s

            with the release of <div style="border-width:10px 0 5px 0;background:green;">a</div>Letraset sheets containing Lorem Ipsum passages, <img src="../../assets/image.jpg" /> and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.


            <div style="overflow:visible;position:relative;"><u>position:relative within a overflow:hidden element</u><br /> <br />

                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.

            </div>
        </div>

    </body>
</html>
fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>Overflow tests</title>`
			`<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">`
Begin implementing overflow clipping 2017-08-02 16:35:54 +03:00			`<script type="text/javascript" src="../../test.js"></script>`
fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00			`<style>`
			`.small{`
			`font-size:14px;`
			`}`

			`.medium{`
			`font-size:18px;`
			`}`
			`.large{`
			`font-size:24px;`
			`}`
			`div{`
			`background: #ccc;`
			`border:6px solid black;`
			`width:300px;`
			`height:200px;`
			`margin: 0 0 60px 0;`
			`}`
			`h1 {`
			`margin:0;`
			`}`
			`</style>`

			`</head>`
formatted tests into smaller units 2012-12-28 01:53:27 +04:00			`<body>`
Begin implementing overflow clipping 2017-08-02 16:35:54 +03:00
fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00			`<h1>Overflow: visible</h1>`
merged from dev 2011-09-12 22:35:37 +04:00			<div> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.
fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00			`</div>`

			`<h1>Overflow: hidden</h1>`
Begin implementing overflow clipping 2017-08-02 16:35:54 +03:00			`<div style="overflow:hidden;float: right; height: 100px; border-radius: 100%; border-color: transparent;">`
formatted tests into smaller units 2012-12-28 01:53:27 +04:00			`Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s`

Begin implementing overflow clipping 2017-08-02 16:35:54 +03:00			`with the release of <div style="border-width:10px 0 5px 0;background:green;">a</div>Letraset sheets containing Lorem Ipsum passages, <img src="../../assets/image.jpg" /> and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.`
formatted tests into smaller units 2012-12-28 01:53:27 +04:00

fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00			`<div style="overflow:visible;position:relative;"><u>position:relative within a overflow:hidden element</u><br /> <br />`
formatted tests into smaller units 2012-12-28 01:53:27 +04:00
fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00			Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.
formatted tests into smaller units 2012-12-28 01:53:27 +04:00
fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00			`</div>`
			`</div>`
Begin implementing overflow clipping 2017-08-02 16:35:54 +03:00			`<div style="overflow:hidden;">`
			`Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s`

			`with the release of <div style="border-width:10px 0 5px 0;background:green;">a</div>Letraset sheets containing Lorem Ipsum passages, <img src="../../assets/image.jpg" /> and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.`

fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00
Begin implementing overflow clipping 2017-08-02 16:35:54 +03:00			`<div style="overflow:visible;position:relative;"><u>position:relative within a overflow:hidden element</u><br /> <br />`

			Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like <b>Aldus PageMaker</b> including versions of Lorem Ipsum.

			`</div>`
			`</div>`
fixed few minor bugs, added some support for overflow (hidden\|scroll\|auto) 2011-07-28 22:22:13 +04:00
			`</body>`
			`</html>`