Repository navigation
(Mobile Support)Trix editor does not support Chinese input keyboard on iOS #396
Description
Activity
Also confirmed on macOS Safari 10.1.1 for both Chinese and Japanese input methods.
After bisected the commits, I found that this issue started from 0.9.2.
0.9.0 don't have this issue but it has a different one.Sort of, please see my screenshot.
When I clear the text area with Delete key, it will leave a strange vertical line at the beginning of the text area.
When I start typing from the strange vertical line with either empty or filled editor,
- It will move cursor back to the beginning when I pressed Enter to confirm my selection (it should stay at the end so that I can continue typing)
- When I continue typing after the above step, the first character was swallowed and cursor moved to the beginning again
Reacted by kshift, Syn and PomeloThe problem should be here
trix/src/trix/models/location_mapper.coffee
Line 113 in f677a94
When enter Chinese (Japanese should be the same), the
walker.currentNodeis not complete in Safari(I have test on OSX, iOS should be the same).I'm trying to find a solution, but the progress is slow, so I write down the problem and hope to get some ideas or help.
Here is the log I collected:
In Chrome
// Step 1: Type 'a'node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <!--block--> trix.js:10055 nodeIsBlockStartComment(node) true trix.js:10054 node "a " trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <!--block--> trix.js:10055 nodeIsBlockStartComment(node) true trix.js:10054 node "a " trix.js:10055 nodeIsBlockStartComment(node) false// Step 2: Type space, get a '啊'trix.js:10054 node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <!--block--> trix.js:10055 nodeIsBlockStartComment(node) true trix.js:10054 node "啊 " trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <!--block--> trix.js:10055 nodeIsBlockStartComment(node) true trix.js:10054 node "啊 " trix.js:10055 nodeIsBlockStartComment(node) falseIn Safari
// Step 1: Type 'a'node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <!--block--> trix.js:10055 nodeIsBlockStartComment(node) true trix.js:10054 node "a " trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <!--block--> trix.js:10055 nodeIsBlockStartComment(node) true trix.js:10054 node "a " trix.js:10055 nodeIsBlockStartComment(node) false// Step 2: Type space, get a '啊'
// The <! - block -> was losttrix.js:10054 node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node "啊 " trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node <div>…</div> trix.js:10055 nodeIsBlockStartComment(node) false trix.js:10054 node "啊 " trix.js:10055 nodeIsBlockStartComment(node) falseReacted by kshift and Michael ChenBy the way, I found another problem that might be related to this.
When you enter a lot of Chinese, the editor may lose focus when you execute undo.
If you continue to enter text at this time, they do not appear in the editor. But when you click the input area to get focus again, after you press any key, the content you just entered will appear in the editor as a lot of letters.This problem occurs in both Safari and Chrome.
This issue has been automatically marked as stale after 90 days of inactivity. It will be closed if no further activity occurs.
Steps to Reproduce
Details
screenshot
First I test the Chinese Pinyin input on Safari address text-area. (No cursor clearing and wiping)
then I test in trix editor, I can't write a complete sentence. Each time I tried to write down some characters, trix will force the cursor to the front.