blob: 537a8ba34aa2abbead11932a73c62ea37d6be25b [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test-pre.js"></script>
<style type="text/css">
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #CCCCCC;
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
</style>
<script type="text/javascript">
function runTest() {
description('Tests that element.clientWidth of hidden element with scrollbars returns proper values');
var inner = document.createElement('p');
var style = inner.style;
style.width = "100%";
style.height = "200px";
style.padding = "0px";
var outer = document.createElement('div');
outer.setAttribute("id", "scrollDiv");
style = outer.style;
style.position = "absolute";
style.top = "200px";
style.left = "0px";
style.visibility = "hidden";
style.backgroundColor = "red";
style.width = "200px";
style.height = "150px";
style.padding = "0px";
style.overflow = "hidden";
outer.appendChild(inner);
document.body.appendChild(outer);
outer.style.overflow = 'scroll';
shouldBe("document.getElementById('scrollDiv').clientWidth", "190");
isSuccessfullyParsed();
}
</script>
</head>
<body id="label" onload="runTest()">
</body>
</html>