Copy+pasting horizontally overflowing text in Safari creates vertical overflow

[SangJunBak]

Describe the issue

Video:

Screen.Recording.2023-11-08.at.1.49.53.PM.mov

Steps to reproduce:

1. Make sure you have a mouse plugged in
2. Go to Safari
3. Make sure the height of the container is the height of the content inside (in the share link, set height from 100vh to auto)
4. Make sure we don't add the basicSetup extension (for some reason if this is added, the issue doesn't occur)
5. Copy and paste a super long string (dasdsaddasdsaddasdsaddasdsaddasdsaddasdsaddasdsaddasdsaddasdsaddasdsaddasdsaddasdsaddasdsadd used in the example)

Browser and platform

Safari Version 17.1 (18616.2.9.11.9, 18616)

Reproduction link

https://codemirror.net/try/?c=aW1wb3J0IHtiYXNpY1NldHVwLCBFZGl0b3JWaWV3fSBmcm9tICJjb2RlbWlycm9yIgppbXBvcnQge2phdmFzY3JpcHR9IGZyb20gIkBjb2RlbWlycm9yL2xhbmctamF2YXNjcmlwdCIKCm5ldyBFZGl0b3JWaWV3KHsKICBkb2M6ICJjb25zb2xlLmxvZygnaGVsbG8nKVxuIiwKICBleHRlbnNpb25zOiBbamF2YXNjcmlwdCgpXSwKICBwYXJlbnQ6IGRvY3VtZW50LmJvZHkKfSkK

[SangJunBak]

I created a workaround for the time being which involves inputting and deleting text at the beginning via a custom view plugin.

function safariCopyPasteHackExtension(): Extension {
  const viewPlugin = ViewPlugin.define((view) => {
    return {
      update: (viewUpdate) => {
        console.debug(viewUpdate);
        for (const transaction of viewUpdate.transactions) {
          if (transaction.isUserEvent("input.paste")) {

            setTimeout(() => {
              const addSpaceAtBeginning = { from: 0, insert: " " };
              const removeSpaceAtBeginning = { from: 0, to: 1 };

              view.dispatch({ changes: addSpaceAtBeginning });
              view.dispatch({ changes: removeSpaceAtBeginning });
            }, 500);
          }
        }
      },
    };
  });

  return viewPlugin;
}

[marijnh]

I am not managing to reproduce this. Could you link a /try example that sets everything up properly for this to occur? This is what I tried.