diff options
| author | Bogdan Udrescu <bogdan@vaadin.com> | 2014-07-08 09:58:45 +0300 |
|---|---|---|
| committer | Bogdan Udrescu <bogdan@vaadin.com> | 2014-07-28 12:13:45 +0300 |
| commit | 9b19675dffec603bc7e8fe6d973ed4edafaff136 (patch) | |
| tree | e91d4cd81ceb23015572bf757e6fcde2a0f3ded0 /WebContent/html-tests | |
| parent | a84a2a6d27c35e4b176dc9b3433a824263ea14d0 (diff) | |
| download | vaadin-framework-9b19675dffec603bc7e8fe6d973ed4edafaff136.tar.gz vaadin-framework-9b19675dffec603bc7e8fe6d973ed4edafaff136.zip | |
Bottom component click scroll up the parent panel in a window (#12943)
Due to old fix for (#11994) the v-scrollable div of the window would
expand to 110% of its size then immediately back to the original size.
The first action, expanding the v-scrollable to 110% would decrease
the scrollTop value of our panel, while increasing its height. When
the revert back action would set the v-scrollable to its own size,
the panel's scrollTop would remain decreased, causing the scroll bar
to move up, hiding the ~10% at the bottom.
Fixed by calling Util.runWebkitOverflowAutoFix(); instead of changing
the height.
Change-Id: I79eafd1f9500c2e4c10dadbfc7100608c0732e04
Diffstat (limited to 'WebContent/html-tests')
| -rw-r--r-- | WebContent/html-tests/BottomComponentScrollsUp.html | 96 |
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 |