scrollbars-on-positioned-content.html

<html>
	<head>
		<style type="text/css">
		.tables
		{
			border: 1px solid red;
			overflow-y: auto;
			top: 50px;
			bottom: 0px;
			position: absolute;
		}
		
		.wrapper
		{
			border: 1px solid blue;
			overflow-x: auto;
			inline-size: 300px;
		}

		.wrapper::-webkit-scrollbar
		{
			height: 9px;
		}

		.wrapper::-webkit-scrollbar-track
		{
			background-color: #E3E3E3;
		}

		.wrapper::-webkit-scrollbar-thumb
		{
			background: #CCFFCC;
			border: 1px solid #ADADAD;
		}

                .large-content {
                        background-color: purple;
                        inline-size: 500px;
                        block-size: 300px;
                }

                .spacer {
                        background-color: green;
                        inline-size: 15px;
                        block-size: 900px;
                }

                .vertical {
                        border: 1px solid red;
                        overflow: auto;
                        top: 50px;
                        left: 400px;
                        right: 8px;
                        position: fixed;
                        writing-mode: vertical-rl;
                }
                .vertical .wrapper {
                        overflow-y: auto;
                }
		</style>
	</head>
	
	<body>
		
		<!-- This test passes if
                     * The custom scrollbar paints in the correct spot, which
                       is at the bottom or the right of the purple div, and
                     * No inline-direction scrollbars on the red-boarder boxes.
                -->

		<div class="tables">
		  <div class="wrapper">
		    <div class="large-content"></div>
		  </div>
		  <div class="spacer"></div>
		</div>

                <div class="vertical">
                  <div class="wrapper">
                    <div class="large-content"></div>
                  </div>
                  <div class="spacer"></div>
                </div>
	</body>
</html>
chromium/third_party/blink/web_tests/scrollbars/scrollbars-on-positioned-content.html
