tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

focus-inside-content-visibility-crash.html (1013B)

      1 <!doctype html>
      2 <title>Container Queries Test: size change detected while focusing inside content-visibility: auto container</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-queries">
      4 <link rel="help" href="https://drafts.csswg.org/css-contain-2/#using-cv-auto">
      5 <link rel="help" href="https://crbug.com/1270848">
      6 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
      7 
      8 <style>
      9 .spacer { height: 3000px; }
     10 .auto { content-visibility: auto; }
     11 #container {
     12  border: 1px solid black;
     13  width: 100px;
     14  height: 100px;
     15 
     16  container-type: size;
     17 }
     18 #input {
     19  width: 100%;
     20  visibility: hidden;
     21 }
     22 @container (min-width: 150px) {
     23  #input { visibility: visible; }
     24 }
     25 
     26 </style>
     27 
     28 <div class=spacer></div>
     29 <div class=auto>
     30  <div id=container>
     31    <input id=input type=text></input>
     32  </div>
     33 </div>
     34 
     35 <script>
     36 function focus() {
     37  container.style.width = "200px";
     38  input.focus();
     39 }
     40 
     41 onload = () => requestAnimationFrame(() => requestAnimationFrame(focus));
     42 </script>