WebKit Bugzilla
Attachment 357724 Details for
Bug 22090
: hixie test : Stacking order and overflow fails
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
altered hixie case to create overflow in 'overflow:scroll' container which shows bug still alive and well
hixie.html (text/html), 1.04 KB, created by
jonjohnjohnson
on 2018-12-19 14:15:20 PST
(
hide
)
Description:
altered hixie case to create overflow in 'overflow:scroll' container which shows bug still alive and well
Filename:
MIME Type:
Creator:
jonjohnjohnson
Created:
2018-12-19 14:15:20 PST
Size:
1.04 KB
patch
obsolete
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> ><html lang="en"> > <head> > <title>Stacking order and overflow</title> > <style type="text/css"> > div { border: solid; margin: 1em; height: 5em; width: 5em; } > div p { margin: 0 0 -5em 0; height: 5em; width: 5em; } > .a .before { background: maroon; color: white; } > .a .scroll { background: red; overflow: scroll; } > .a .after { background: lime; } > .b .before { background: maroon; } > .b .scroll { background: red; color: white; overflow: scroll; } > .b .after { background: lime; } > .scroll::after { content: ''; display: block; height: calc(100% + 1px); } > </style> > </head> > <body> > <p>There should be two white-on-green squares below, labelled A and B, with black borders. Scrollbars <em>may</em> be visible if they are visible identically in both cases.</p> > <div class="a"> > <p class="before">A</p> > <p class="scroll"></p> > <p class="after"></p> > </div> > <div class="b"> > <p class="before"></p> > <p class="scroll">B</p> > <p class="after"></p> > </div> > </body> ></html> >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html lang="en"> <head> <title>Stacking order and overflow</title> <style type="text/css"> div { border: solid; margin: 1em; height: 5em; width: 5em; } div p { margin: 0 0 -5em 0; height: 5em; width: 5em; } .a .before { background: maroon; color: white; } .a .scroll { background: red; overflow: scroll; } .a .after { background: lime; } .b .before { background: maroon; } .b .scroll { background: red; color: white; overflow: scroll; } .b .after { background: lime; } .scroll::after { content: ''; display: block; height: calc(100% + 1px); } </style> </head> <body> <p>There should be two white-on-green squares below, labelled A and B, with black borders. Scrollbars <em>may</em> be visible if they are visible identically in both cases.</p> <div class="a"> <p class="before">A</p> <p class="scroll"></p> <p class="after"></p> </div> <div class="b"> <p class="before"></p> <p class="scroll">B</p> <p class="after"></p> </div> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 22090
: 357724