<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 - In the grid, changing the text of the cell below resets the scroll position of the overflow cell above it"
   href="https://bugs.webkit.org/show_bug.cgi?id=181234">181234</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>In the grid, changing the text of the cell below resets the scroll position of the overflow cell above it
          </td>
        </tr>

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

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

        <tr>
          <th>Hardware</th>
          <td>Macintosh
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>macOS 10.12
          </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>Layout and Rendering
          </td>
        </tr>

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

        <tr>
          <th>Reporter</th>
          <td>igor.afanasyev@gmail.com
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>bfulgham@webkit.org, simon.fraser@apple.com, zalan@apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=330367" name="attach_330367" title="test case">attachment 330367</a> <a href="attachment.cgi?id=330367&action=edit" title="test case">[details]</a></span>
test case

I can reproduce this issue both on Safari 11.0.2 and Chrome 63.0.3239.84 on Mac OS 10.12.6.

The minimal reproducible code is attached (index.html):

Steps to reproduce:
1) Open index.html.
2) Open Web inspector.
3) Drag the 'scroll me' scrollbar to the right so that 'scroll me' text disappears.
4) In the inspector, change 'edit me' to e.g. 'x'.

Expected: scrollbar retains its position.

Observed: scrollbar resets the position (scrolls back to the left).

Other notes: changing the height of the scrollable container seems to affect how much to the left the scrollbar is rewound.

This issue seems to be somewhat related to <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - overflow scroll inside a grid item gets scroll offset reset to 0"
   href="show_bug.cgi?id=176458">https://bugs.webkit.org/show_bug.cgi?id=176458</a></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>