blob: f9d1a081827bfe85abe9d83e7e246166e77e63e6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
<html>
<head>
<title>Bottom component scroll when focus - test with plain html to see the default behavior</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>
|