| <!-- |
| @BLINK-ALLOW:offscreen |
| @BLINK-ALLOW:size=(0, 0) |
| @BLINK-ALLOW:clipsChildren* |
| @BLINK-ALLOW:unclippedSize=(50, 20) |
| @BLINK-ALLOW:pageSize=(50, 20) |
| @BLINK-ALLOW:pageSize=(1, 1) |
| @BLINK-ALLOW:pageSize=(50, 1) |
| --> |
| <html> |
| <body> |
| <!-- This is like Google Docs visible doc contents --> |
| <div style="position: absolute; width: 0; height: 0; overflow: visible"> |
| <div style="width:50px; height: 20px">Visible</div> |
| </div> |
| |
| <!-- This is like a hidden gmail button only for screenreaders --> |
| <div style="position: absolute; height: 0; width: 0; overflow: hidden;"> |
| <div style="width:50px; height: 20px">Invisible</div> |
| </div> |
| |
| <!-- If overflow is hidden, should clip its relatively-positioned children --> |
| <div style="width: 100px; height: 100px; overflow: hidden"> |
| <div style="position: relative; top: 200px; width: 50px; height: 20px"> |
| Invisible |
| </div> |
| </div> |
| |
| </body> |
| </html> |
