<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Element with position: sticky when changing the orientation of the screen the first time you scroll completely fly off the screen"
   href="https://bugs.webkit.org/show_bug.cgi?id=233802">233802</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Element with position: sticky when changing the orientation of the screen the first time you scroll completely fly off the screen
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>Safari 15
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>iPhone / iPad
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>iOS 15
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>CSS
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned@lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>p_stas1997@mail.ru
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=445814" name="attach_445814" title="slow motion video">attachment 445814</a> <a href="attachment.cgi?id=445814&action=edit" title="slow motion video">[details]</a></span>
slow motion video

Element with position: sticky at the first scroll after loading the page (also when changing the screen orientation) can partially or completely fly off the screen

See attached slow motion video and screenshot 

To notice this, turn on the screen recording and watch each frame.
Check it <a href="https://jsfiddle.net/emhgb9wq/2/">https://jsfiddle.net/emhgb9wq/2/</a>
iOS 15.0.2</pre>
        </div>
      </p>


      <hr>
      <span>You are receiving this mail because:</span>

      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>