WebKit Bugzilla
Attachment 339473 Details for
Bug 185271
: AX: Regression: WebKit sometimes returns wrong accessibility bounds for elements using overflow-hidden in combination with text-indent and other positioning tricks on sub-level contents
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
test case
14335334.htm (text/html), 1.95 KB, created by
James Craig
on 2018-05-03 15:04:57 PDT
(
hide
)
Description:
test case
Filename:
MIME Type:
Creator:
James Craig
Created:
2018-05-03 15:04:57 PDT
Size:
1.95 KB
patch
obsolete
><!DOCTYPE html> ><html> ><head> ><title>14335334</title> ><style type="text/css"> > >div { > width: 20px; > height: 20px; > position: relative; > left:200px; > background-color: red; > text-indent: -100px; > margin:5px; >} >div div { > background-color: blue; >} > ></style> ></head> ><body> > ><p>Bounds should surround the visible text and the visible color block.</p> ><div>test</div> ><div style="text-indent:100px;">test</div> > ><p>Bounds should surround the visible color block only.</p> ><div style="overflow: hidden;">test</div> ><div style="overflow: hidden; text-indent:100px;">test</div> > ><p>Bound should surround both visible color blocks, and the text.</p> ><div><div>test</div></div> ><div><div style="text-indent:100px;">test</div></div> > ><p>Bound should surround both visible color blocks, but not the invisible text.</p> ><div><div style="overflow: hidden;">test</div></div> ><div><div style="overflow: hidden; text-indent:100px;">test</div></div> > ><p>Bounds should surround the visible color block only, not the invisible color block or the invisible text.</p> ><div style="overflow: hidden;"><div>test</div></div> ><div style="overflow: hidden;"><div style="text-indent:100px;">test</div></div> > ><p>Additional tests: Bounds should surround each visible color blocks only.</p> ><div style="overflow: hidden; text-indent: -9999px;">test</div> ><div style="overflow: hidden; text-indent: -9999em;">test</div> ><div style="overflow: hidden;" role="group">test</div> ><div style="overflow: hidden; text-indent:100px;" role="group">test</div> ><div style="overflow: hidden;" role="group" tabindex="0">test</div> ><div style="overflow: hidden; text-indent:100px;" role="group" tabindex="0">test</div> > ><p>This appears to work as expected on links and buttons.</p> ><div style="overflow: hidden;" role="button">test</div> ><div style="overflow: hidden;" role="button" tabindex="0">test</div> ><div style="overflow: hidden;" role="link">test</div> ><div style="overflow: hidden;" role="link" tabindex="0">test</div> > > ></body> ></html>
<!DOCTYPE html> <html> <head> <title>14335334</title> <style type="text/css"> div { width: 20px; height: 20px; position: relative; left:200px; background-color: red; text-indent: -100px; margin:5px; } div div { background-color: blue; } </style> </head> <body> <p>Bounds should surround the visible text and the visible color block.</p> <div>test</div> <div style="text-indent:100px;">test</div> <p>Bounds should surround the visible color block only.</p> <div style="overflow: hidden;">test</div> <div style="overflow: hidden; text-indent:100px;">test</div> <p>Bound should surround both visible color blocks, and the text.</p> <div><div>test</div></div> <div><div style="text-indent:100px;">test</div></div> <p>Bound should surround both visible color blocks, but not the invisible text.</p> <div><div style="overflow: hidden;">test</div></div> <div><div style="overflow: hidden; text-indent:100px;">test</div></div> <p>Bounds should surround the visible color block only, not the invisible color block or the invisible text.</p> <div style="overflow: hidden;"><div>test</div></div> <div style="overflow: hidden;"><div style="text-indent:100px;">test</div></div> <p>Additional tests: Bounds should surround each visible color blocks only.</p> <div style="overflow: hidden; text-indent: -9999px;">test</div> <div style="overflow: hidden; text-indent: -9999em;">test</div> <div style="overflow: hidden;" role="group">test</div> <div style="overflow: hidden; text-indent:100px;" role="group">test</div> <div style="overflow: hidden;" role="group" tabindex="0">test</div> <div style="overflow: hidden; text-indent:100px;" role="group" tabindex="0">test</div> <p>This appears to work as expected on links and buttons.</p> <div style="overflow: hidden;" role="button">test</div> <div style="overflow: hidden;" role="button" tabindex="0">test</div> <div style="overflow: hidden;" role="link">test</div> <div style="overflow: hidden;" role="link" tabindex="0">test</div> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 185271
: 339473