OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 | |
3 <style> | |
4 body { font: 16px/16px monospace; } | |
5 | |
6 .region { | |
7 -webkit-flow-from: flow; | |
8 width: 450px; | |
9 height: 40px; | |
10 border: 1px solid red; | |
11 padding: 2px; | |
12 } | |
13 | |
14 #region4 { | |
15 height: auto; | |
16 } | |
17 | |
18 #container { | |
19 overflow: auto; | |
20 border: 3px solid blue; | |
21 height: 250px; | |
22 padding: 30px; | |
23 width: 470px; | |
24 } | |
25 | |
26 #article { | |
27 -webkit-flow-into: flow; | |
28 } | |
29 | |
30 #inner_scroll { | |
31 height: 75px; | |
32 border: 2px solid green; | |
33 margin: 5px; | |
34 overflow: scroll; | |
35 padding: 5px; | |
36 } | |
37 | |
38 p { | |
39 margin: 0px; | |
40 } | |
41 </style> | |
42 | |
43 <script> | |
44 onload = function() { | |
45 if (window.eventSender) { | |
46 eventSender.mouseMoveTo(100, 300); | |
47 eventSender.continuousMouseScrollBy(0, -10000); | |
48 eventSender.mouseMoveTo(100, 100); | |
49 eventSender.continuousMouseScrollBy(0, -10000); | |
50 eventSender.mouseMoveTo(0, 0); | |
51 } | |
52 } | |
53 </script> | |
54 | |
55 <body> | |
56 <p><b>The text passes if everything can be scrolled normally using the mouse
wheel. Scrolling inside the green div should work until it reaches the end and
then the blue container should scroll.</b></p></br> | |
57 | |
58 <div id="container"> | |
59 <!-- content to be flowed in regions --> | |
60 <div id="article"> | |
61 <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. If the mouse cursor is over the flow thr
ead fragmented content inside a region, the user is unable to scroll the content
inside the container. Case2. However, if the mouse is outside the flow thread c
ontent but still inside the container, then the user is able to scroll the conta
iner content.</p> | |
62 <div id="inner_scroll"> | |
63 <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> | |
64 <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> | |
65 <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> | |
66 </div> | |
67 <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. If the mouse cursor is over the flow thr
ead fragmented content inside a region, the user is unable to scroll the content
inside the container. Case2.</p> | |
68 </div> | |
69 | |
70 <!-- regions that will fragment the content --> | |
71 <div class="region"></div> | |
72 <div class="region"></div> | |
73 <div class="region"></div> | |
74 <div class="region" id="region4"></div> | |
75 </div> | |
76 </body> | |
OLD | NEW |