[Webkit-unassigned] [Bug 250927] New: Inserting text causes other text to become bigger

Fri Jan 20 19:58:31 PST 2023

https://bugs.webkit.org/show_bug.cgi?id=250927

            Bug ID: 250927
           Summary: Inserting text causes other text to become bigger
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sime.vidas at gmail.com

Steps to reproduce:

1. Use an iPhone
2. Open this page: https://output.jsbin.com/mojogas/quiet
3. Tap the “Insert text” button

What happened:

The text became larger. This only happens on iOS. This does not happen in Android browsers.

Full source code of linked test page:

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>test page</title>
    <style>
      .wrapper {
        display: grid;
        overflow-x: auto;
      }

      .wrapper > * {
        min-height: 1.35em;
      }
    </style>
  </head>
  <body>

    <div class="wrapper">
      <div>Test</div>
      <div id=elem></div>
      <img src="https://placekitten.com/640/320">
    </div>

    <p>
      <button onclick="elem.textContent = 'Test'">
        Insert text
      </button>
    </p>

  </body>
</html>

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230121/87e4dd6c/attachment.htm>