Attachment 357724 Details for Bug 22090 – altered hixie case to create overflow in 'overflow:scroll' container which shows bug still alive and well

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:

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>

Actions: View

Attachments on bug 22090: 357724