Hide B I U buttons on iOS

[fabianmichael]

When selecting text within the editor, iOS displays an in-place toolbar, which falsely contains buttons for formatting text as bold/italic/underlined. By adding the following property to the default style, this can be oppressed. It probably happens, because CM uses contenteditable.

-webkit-user-modify: read-write-plaintext-only;

Sorry, don’t have time to prepare a proper PR right now, but did not want this to get lost.

[marijnh]

I didn't know about that CSS rule. Thanks for digging that up. Attached patch adds it.

[fabianmichael]

@marijnh Me neither, found it buried in some Stackoverflow post, but not in the WebKit docs. At least, it works! 🙃

[pazdera]

This change seems to affect the ability to make the editor read-only (at least in Chrome) with @codemirror/view@0.18.18.

When I use the EditorView.editable.of(false) extension, the editor remains editable even though contenteditable is set to false. Removing the -webkit-user-modify property in the dev tools makes the editor uneditable again.

Should I start a new issue for this?