Freeze in Safari when user-select / -webkit-user-select is set to none.

[steveruizok]

What’s the bug you are facing?

In Safari, when user-select is set to false, the editor will freeze.

Which browser was this experienced in? Are any special extensions installed?

Safari, Version 15.4 (17613.1.17.1.13)
iOS Safari (iOS 15)

How can we reproduce the bug on our side?

Set the container's user-select to false. A user will be able to type one character before being unable to continue.

Can you provide a CodeSandbox?

https://codesandbox.io/s/tiptap-react-forked-j4enol

What did you expect to happen?

Similar behavior to chrome: either user-select is ignored (by forcing it on the underlying element) or the field is read only.

Anything to add? (optional)

No response

Did you update your dependencies?

• Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

• Yes, I’m a sponsor. 💖

[puopg]

I think this is an issue with content-editable on webkit browsers. A little google search shows a bunch of posts related. Perhaps it would be a good idea to document Safari and other browser quirks somewhere?

[bdbch]

Could this be related to this issue?
https://bugs.webkit.org/show_bug.cgi?id=202262

[bdbch]

If this is related to the linked bug on webkit, we could write it down somewhere in the documentation, yes!

[piggmme]

I also experienced the same problem with wkwebview in versions below ios16.
So I removed the user-select: none css value and the problem was solved.
For those experiencing the same problem, please remove user-select: none or overwrite user-select: auto.

[github-actions[bot]]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 7 days

[bdbch]

bump

[bdbch]

Since we can't really fix this issue as it's a browser bug outside of our control, I'd transform this issue into an discussion so people can still find it.