mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-20 00:35:44 +00:00
cf7beea50e
This is a potential fix that I thought it was worth doing rather than implementing Blink's platform-dependent silliness. This ensures that the display frame always has enough space to display itself. Note that it may still get clipped, if there's no room for both the display frame and the button. Differential Revision: https://phabricator.services.mozilla.com/D37922 --HG-- extra : moz-landing-system : lando
75 lines
2.0 KiB
HTML
75 lines
2.0 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=320799
|
|
-->
|
|
<head>
|
|
<title>Test for Bug 320799</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
</head>
|
|
<body>
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=320799">Mozilla Bug 320799</a>
|
|
<p id="display">
|
|
<select id="s" style="width: 100px; box-sizing: border-box; border: 0">
|
|
<option>This is a test, it really is a test I tell you</option>
|
|
</select>
|
|
<select id="s2">
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
<option>x</option>
|
|
</select>
|
|
<select id="s3">
|
|
<option>x</option>
|
|
</select>
|
|
<select id="s4" style="width: 100px; box-sizing: border-box; border: 0; margin: 10px">
|
|
<option>This is a test, it really is a test I tell you</option>
|
|
</select>
|
|
</p>
|
|
<div id="content" style="display: none">
|
|
|
|
</div>
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
/** Test for Bug 320799 **/
|
|
is($("s").scrollWidth, 100, "Scroll width should not include dropdown contents");
|
|
is($("s2").clientWidth, $("s3").clientWidth,
|
|
"Client width should not depend on the dropdown's vertical scrollbar");
|
|
|
|
is($("s4").scrollWidth, 100, "Scroll width should not include dropdown contents");
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|