MS Pinyin (Chinese) Issue with tinyMCE editor

[TinyMCE-User]

Description of problem:

I have a XUL application with a page which contains an html editor. I'm using the tinyMCE editor in my XUL application. This application need to support Chinese language.

My client uses the MS Pinyin (http://www.pinyinjoe.com/windows-7/win7-chinese-intro.htm) to input the data in the editor. When I start typing in the editor, the Pinyin window will be poped up automatically so that I can choose words from it. But, this has a problem if you follow the below steps:

1. Keep on typing the Chinese text without pressing the ENTER key. As you type-in, the Pinyin will be shown underneath the line where you are typing now
2. But, when the cursor comes to the second line, the Pinyin popup will be shown exactly on top of the second line where we are typing now which will hide the second line

I thought that this is a XUL-specific case. But, now I have some strong reasons to believe that that this is a tinyMCE issue:

1. When MCE is used in IE, the Pinyin dialog will always be displaying under the current cursor position and moves as we type-in. In FF, this will be displayed below the line but starting at the left most position and it doesn't move as we type-in.
2. In FF, if the above test is done in a textarea, it works fine!

Therefore, I think this is an issue in tinyMCE editor while used in FF. Since XUL is a mozilla plug-in, this issue occurs there too.

PFA file to demo the issue

Steps to reproduce:

1. Please see the above explanation

Expected result: Please see the above explanation

Actual result: Please see the above explanation

Legacy information imported from TinyMCE bug tracker:

#T5909 posted by danielsds

Tags: [firefox pinyin chinese]
Status: Open
Resolution: None
Attached URL: none

[TinyMCE-User]

Identified the steps to reproduce this in FF:

1. Make sure that Chinese keyboard is selected in the language bar.
2. Make sure that "Chinese (Simplified) - Microsoft Pinyin New Experience Input St" is selected in the keyboard settings
3. Go to http://www.tinymce.com/
4. Remove the content in the MCE editor in the home page
5. Start typing so that the Pinyin dialog (horizontal thing) will be disaplyed

Note that the Pinyin dialog is not moving along with the cursor

Now follow the below steps:

1. Remove the whole content in the editor
2. Pres space bar to add a space in the editor
3. Using the left arrow, bring the cursor into first position
4. Now start typing and we can see that that Pinyin dialog is shown under the cursor position and it moves along with the cursor.

In IE and Chrome, the second behavior is the default.

Posted by danielsds

[TinyMCE-User]

Any comments on this?

Posted by danielsds

[metricjs]

Hi, we've investigated this issue and cannot reproduce it in TinyMCE v4.4.0. Thanks, the TinyMCE Team.