layout/reftests/position-sticky/initial-scroll-1.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     1 <!DOCTYPE html>
     2 <!-- Any copyright is dedicated to the Public Domain.
     3    - http://creativecommons.org/publicdomain/zero/1.0/ -->
     4 <html>
     5   <head>
     6     <title>CSS Test: Sticky Positioning - initial scroll position</title>
     7     <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
     8     <link rel="match" href="initial-scroll-1-ref.html">
     9     <meta name="assert" content="When the initial scroll position of the scroll container is not (0, 0), a sticky element inside it should be positioned correctly">
    10     <style>
    11       #scroll {
    12         width: 100px;
    13         height: 100px;
    14         overflow: hidden;
    15         direction: rtl;
    16       }
    17       #inner {
    18         width: 200px;
    19         height: 200px;
    20         direction: ltr;
    21       }
    22       #sticky {
    23         position: sticky;
    24         left: 10px;
    25         width: 10px;
    26         height: 10px;
    27         background-color: black;
    28       }
    29     </style>
    30   <body>
    31     <div id="scroll">
    32       <div id="inner">
    33         <div id="sticky">
    34         </div>
    35       </div>
    36     </div>
    37   </body>
    38 </html>

mercurial