mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 19:55:39 +00:00
Bug 834724 - Make reference non-native resizer scale to scroll bar width r=enn.
This commit is contained in:
parent
2761fd1486
commit
c6439a29cf
@ -1,5 +1,30 @@
|
||||
<html><body>
|
||||
<div style="width: 200px; height: 200px; margin: 0; background: lightgreen; border: none;">
|
||||
<img style="position: relative; left: 185px; top: 185px;" src="chrome://global/skin/icons/resizer.png" width="15" height="15">
|
||||
<html>
|
||||
<script>
|
||||
function sizeResizer() {
|
||||
// reference resizer
|
||||
var img = document.getElementsByTagName("img")[0];
|
||||
// hidden textarea
|
||||
var textarea = document.getElementsByTagName("textarea")[0];
|
||||
var width = 200 - textarea.clientWidth;
|
||||
var height = 200 - textarea.clientHeight;
|
||||
// (Leave test failing if a scrollbar is missing)
|
||||
if (width != 0 && height != 0) {
|
||||
img.style.width = width + "px";
|
||||
img.style.left = textarea.clientWidth + "px";
|
||||
img.style.height = height + "px";
|
||||
img.style.top = textarea.clientHeight + "px";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<body onload="sizeResizer()">
|
||||
<textarea style="width: 200px; height: 200px; margin: 0; border: none;
|
||||
background: red; font-size: 400px;">
|
||||
M
|
||||
</textarea>
|
||||
<div style="position: relative; top: -200px;
|
||||
width: 200px; height: 200px; margin: 0; border: none;
|
||||
background: lightgreen">
|
||||
<img style="position: relative;" src="chrome://global/skin/icons/resizer.png">
|
||||
</div>
|
||||
</body></html>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Reference in New Issue
Block a user