OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 | |
3 <style> | |
4 body { font: 16px/16px monospace; } | |
5 | |
6 .region { | |
7 border: 1px solid red; | |
8 padding: 2px; | |
9 width: 250px; | |
10 height: 55px; | |
11 } | |
12 | |
13 #region4 { | |
14 height: 356px; | |
15 position: absolute; | |
16 left: 330px; | |
17 top: 120px; | |
18 border-width: thick; | |
19 } | |
20 | |
21 p { | |
22 margin: 0px; | |
23 } | |
24 | |
25 #container { | |
26 overflow: auto; | |
27 border: 3px solid blue; | |
28 width: 270px; | |
29 height: 100px; | |
30 padding: 10px; | |
31 } | |
32 | |
33 .inner_scroll { | |
34 height: 75px; | |
35 border: 2px solid green; | |
36 margin: 5px; | |
37 overflow: scroll; | |
38 padding: 5px; | |
39 } | |
40 </style> | |
41 | |
42 <script> | |
43 onload = function() { | |
44 if (window.eventSender) { | |
45 eventSender.mouseMoveTo(150, 230); | |
46 eventSender.continuousMouseScrollBy(0, -10000); | |
47 eventSender.continuousMouseScrollBy(0, -10000); | |
48 eventSender.mouseMoveTo(0, 0); | |
49 } | |
50 } | |
51 </script> | |
52 | |
53 <body> | |
54 <div> | |
55 The text passes if everything can be scrolled normally using the mouse w
heel: | |
56 <ul> | |
57 <li>Scrolling inside the green div should work until it reaches the
end and then the blue container should scroll.</li> | |
58 <li>Scrolling inside the orange div should work until it reaches the
end and then the blue container should NOT scroll because the region in which t
he orange div is flowed is absolutely positioned</li> | |
59 </ul> | |
60 </div> | |
61 | |
62 <div id="container"> | |
63 <div class="region"> | |
64 <p>Assume that there is enough content in the flow to fill the regio
ns</p> | |
65 </div> | |
66 <div class="region"> | |
67 <div class="inner_scroll" style="height: 30px; margin-top: 0px;"> | |
68 <p>Assume that there is enough content in the flow to fill the r
egions and the size of the container is less than the size of regions so that th
e container gets vertical scrollbar. Case1. If the mouse cursor is over the flow
thread fragmented content inside a region, the user is unable to scroll the con
tent inside the container. Case2. However, if the mouse is outside the flow thre
ad content but still inside the container, then the user is able to scroll the c
ontainer content. There *should be* a possibility to scroll the container conten
t even when the mouse cursor is over the flow thread content in regions. (Case1)
</p> | |
69 </div> | |
70 </div> | |
71 <div class="region"> | |
72 <p style="margin-top: 1px">is less than the size of regions so that
the container gets vertical</p> | |
73 </div> | |
74 <div class="region" id="region4"> | |
75 <p style="margin-top: 1px">scrollbar. Case1. If the mouse cursor is
over the flow thread fragmented content inside a region, the user is unable to s
croll the content inside the container.</p> | |
76 <div class="inner_scroll" style="border-color: orange;"> | |
77 <p>Assume that there is enough content in the flow to fill the r
egions and the size of the container is less than the size of regions so that th
e container gets vertical scrollbar. Case1. If the mouse cursor is over the flow
thread fragmented content inside a region, the user is unable to scroll the con
tent inside the container. Case2. However, if the mouse is outside the flow thre
ad content but still inside the container, then the user is able to scroll the c
ontainer content. There *should be* a possibility to scroll the container conten
t even when the mouse cursor is over the flow thread content in regions. (Case1)
</p> | |
78 <p>Assume that there is enough content in the flow to fill the r
egions and the size of the container is less than the size of regions so that th
e container gets vertical scrollbar. Case1. If the mouse cursor is over the flow
thread fragmented content inside a region, the user is unable to scroll the con
tent inside the container. Case2. However, if the mouse is outside the flow thre
ad content but still inside the container, then the user is able to scroll the c
ontainer content. There *should be* a possibility to scroll the container conten
t even when the mouse cursor is over the flow thread content in regions. (Case1)
</p> | |
79 <p>Assume that there is enough content in the flow to fill the r
egions and the size of the container is less than the size of regions so that th
e container gets vertical scrollbar. Case1. If the mouse cursor is over the flow
thread fragmented content inside a region, the user is unable to scroll the con
tent inside the container. Case2. However, if the mouse is outside the flow thre
ad content but still inside the container, then the user is able to scroll the c
ontainer content. There *should be* a possibility to scroll the container conten
t even when the mouse cursor is over the flow thread content in regions. (Case1)
</p> | |
80 </div> | |
81 <p>Assume that there is enough content in the flow to fill the regio
ns and the size of the container is less than the size of regions so that the co
ntainer gets vertical scrollbar. Case1.</p> | |
82 </div> | |
83 </div> | |
84 </body> | |
OLD | NEW |