1 files changed, 96 insertions, 0 deletions
diff --git a/WebContent/html-tests/BottomComponentScrollsUp.html b/WebContent/html-tests/BottomComponentScrollsUp.html
new file mode 100644
index 0000000000..a264b38ba8
--- /dev/null
+++ b/WebContent/html-tests/BottomComponentScrollsUp.html
@@ -0,0 +1,96 @@
+<html>
+
+<head>
+<title>Bottom component scroll when focus - test with plain html to see the default behaviour</title>
+<link rel="stylesheet" type="text/css" href="./../VAADIN/themes/reindeer/styles.css">
+
+<script>
+
+function setScrollOnPanel() {
+	var popups = document.getElementsByClassName("v-panel-content");
+	popups[0].scrollTop = 756;
+
+	console.log("popups[0]: " + popups[0].scrollTop);
+}
+
+</script>
+
+</head>
+
+<body>
+
+<div id="runBottomComponentScrollsUp-1897366330-overlays" class="v-app reindeer v-overlay-container" aria-live="assertive" aria-label="This content is announced automatically and does not need to be navigated into." aria-relevant="additions">
+
+<div class="v-tooltip" role="tooltip" aria-live="assertive" aria-relevant="additions" style="margin-left: 0px; margin-top: 0px; left: -4990px; top: -4990px; z-index: 20000; visibility: visible; position: absolute; overflow: visible;">
+
+<div class="popupContent"><div><div class="v-errormessage" aria-hidden="true" style="display: none;"></div><div class="v-tooltip-text"> </div></div></div></div>
+
+<div class="v-window v-widget v-has-width v-has-height" role="dialog" aria-relevant="additions" aria-labelledby="gwt-uid-2" style="margin-left: 0px; margin-top: 0px; left: 400px; top: 19px; z-index: 10000; width: 300px; height: 300px; visibility: visible; position: absolute; overflow: visible; min-width: 66px; min-height: 52px;">
+<div class="popupContent">
+<div class="v-window-wrap">
+
+<div tabindex="0" aria-label="Top of dialog"></div>
+
+<div class="v-window-outerheader">
+<div class="v-window-header" id="gwt-uid-2">
+<span class="v-assistive-device-only"></span>
+<span class="v-assistive-device-only"></span>
+</div>
+</div>
+
+<div class="v-window-maximizebox" tabindex="0" role="button" aria-label="maximize button" id="28_window_maximizerestore"></div>
+<div class="v-window-closebox" tabindex="0" role="button" aria-label="close button" id="28_window_close"></div>
+
+<div class="v-window-contents" style="padding-top: 37px; margin-top: -37px; padding-bottom: 15px; margin-bottom: -15px;">
+<div tabindex="0" class="v-scrollable" style="zoom: 1; position: relative;">
+<div class="v-panel v-widget v-has-width v-has-height" style="overflow: hidden; width: 100%; height: 100%; position: absolute; padding-top: 1px; padding-bottom: 1px;">
+
+<div class="v-panel-captionwrap" style="margin-top: -1px;">
+<div class="v-panel-nocaption"><span></span>
+</div>
+</div>
+
+<div class="v-panel-content v-scrollable" tabindex="-1" style="position: relative;">
+<div class="v-verticallayout v-layout v-vertical v-widget v-has-width v-has-height" style="width: 100%; height: 1000px;">
+
+<div class="v-expand" style="padding-top: 0px;">
+
+<div class="v-slot" style="height: 50%; margin-top: 0px;">
+<div role="combobox" class="v-filterselect v-widget v-filterselect-prompt">
+<input type="text" class="v-filterselect-input" tabindex="0" style="width: 129px;">
+<div class="v-filterselect-button" aria-hidden="true" role="button"></div>
+</div>
+</div>
+
+<div class="v-slot v-align-center v-align-bottom" style="height: 50%;">
+<div tabindex="0" role="button" class="v-button v-widget v-has-height" style="height: 100px;" onclick="setScrollOnPanel();">
+<span class="v-button-wrap"><span class="v-button-caption">Press me</span></span>
+</div>
+</div>
+
+</div>
+
+</div>
+</div>
+
+<div class="v-panel-deco" style="margin-bottom: -1px;"></div>
+
+</div>
+</div>
+</div>
+
+<div class="v-window-footer">
+<div class="v-window-resizebox"></div>
+</div>
+
+<div tabindex="0" aria-label="Bottom of Dialog"></div>
+
+</div>
+</div>
+</div>
+
+</div>
+
+</body>
+
+</html>
+\ No newline at end of file