I use quill 2.0.2 in uniapp, but it not work in iOS safari, it will popup the keyboard but can not input text in quill editor.
I check and find the reason is uniapp add global user-select: none; css to html and body element, it cause text editor not work in iOS safari. Workaround to the issue is add user-select: text; to .ql-editor.
Because quill use browser contenteditable,you must use valid css. such as user-select, position: relative will broken editor not work. You must change css.
I use quill 2.0.2 in uniapp, but it not work in iOS safari, it will popup the keyboard but can not input text in quill editor.
I check and find the reason is uniapp add global
user-select: none;
css tohtml
andbody
element, it cause text editor not work in iOS safari. Workaround to the issue is adduser-select: text;
to.ql-editor
.Add the css rules to quill can fix the issue.
Steps for Reproduction
Serve the index.html and quill dist files, and visit in iOS safari (My version iOS 15.4.1) .
Expected behavior:
Editor works.
Actual behavior:
Click the editor, it will popup the keyboard but can not input text in quill editor.
Platforms:
iOS 15.4.1
Version:
Quill 2.0.2