| <!-- |
| * Test scrollXMin -- the presence of this indicates something is scrollable. |
| @AURALINUX-ALLOW:class:* |
| @BLINK-ALLOW:scrollXMin=* |
| @BLINK-ALLOW:scrollable=true |
| @BLINK-ALLOW:className* |
| @UIA-WIN-ALLOW:ClassName* |
| @UIA-WIN-ALLOW:*ScrollItemPatternAvailable* |
| @UIA-WIN-ALLOW:*ScrollPatternAvailable* |
| @UIA-WIN-ALLOW:*Scrollable* |
| @WIN-ALLOW:class:* |
| --> |
| <html> |
| <style> |
| body { font-style: monospace; width: 999px;} |
| .not-scrollable { margin-bottom: 50px; border: 2px dashed red;} |
| .scrollable { margin-bottom: 50px; border: 2px solid green;} |
| .clipped { width: 25px; height: 25px; overflow: hidden; } |
| .x-overflow-group > div { width: 25px; height: 50px;} |
| .x-overflow-group > div > p { margin: 0; } |
| .y-overflow-group > div { height: 25px; width: 20em;} |
| .y-overflow-group > div > p { padding: 12px 0; margin: 0;} |
| </style> |
| <body> |
| <div class="no-overflow not-scrollable"> <!-- Not scrollable --> |
| <p>no overflow <!-- Default is overflow: visible --> |
| </div> |
| |
| <div class="clipped-not scrollable"> <!-- Not scrollable --> |
| <p>clipped large lots of text more text <!-- Default is overflow: visible --> |
| </div> |
| |
| <textarea class="textarea scrollable" rows="1" cols="2">ab cd</textarea> <!-- User scrollable --> |
| |
| <div class="not-enough-content not-scrollable"> <!-- Not scrollable --> |
| <div style="overflow: scroll; width: 100px; height: 100px"> |
| <p>tiny |
| </div> |
| </div> |
| |
| <div class="x-overflow-group" role="group"> |
| <div class="x-hidden-small not-scrollable" style="overflow-x: hidden;"> <!-- Not user scrollable, because not enough content --> |
| <p>x=hidden |
| </div> |
| <div class="x-hidden-large scrollable" style="overflow-x: hidden;"> <!-- Actually user scrollable, because overflow-x=hidden changes overflow-y to auto --> |
| <p style="width:999px; height:999px; background-color:green;">x=hidden |
| </div> |
| <div class="x-auto scrollable" style="overflow-x: auto;"> <!-- User scrollable if overflow --> |
| <p>x=auto |
| </div> |
| <div class="x-scroll scrollable" style="overflow-x: scroll;"> <!-- User scrollable if overflow --> |
| <p>x=scroll |
| </div> |
| <div class="x-visible not-scrollable" style="overflow-x: visible;"> <!-- Not scrollable --> |
| <p>x=visible |
| </div> |
| </div> |
| |
| <div class="y-overflow-group" role="group"> |
| <div class="y-hidden-small not-scrollable" style="overflow-y: hidden;"> <!-- Not user scrollable, because not enough text --> |
| <p>y=hidden |
| </div> |
| <div class="y-hidden-large scrollable" style="overflow-y: hidden;"> <!-- Actually user scrollable, because overflow-y=hidden changes overflow-x to auto --> |
| <p style="width:999px; height:999px; background-color:green;">y=hidden |
| </div> |
| <div class="y-auto scrollable" style="overflow-y: auto;"> <!-- Use scrollable if overflow --> |
| <p>y=auto |
| </div> |
| <div class="y-scroll scrollable" style="overflow-y: scroll;"> <!-- Use scrollable if overflow --> |
| <p>y=scroll |
| </div> |
| <div class="y-visible not-scrollable" style="overflow-y: visible;"> <!-- Not scrollable --> |
| <p>y=visible |
| </div> |
| </div> |
| </body> |
| </html> |