Mention 组件点击 focus 定位问题

[afc163]

在线演示：https://ant.design/components/mention/

Chrome 问题及重现步骤

1. 点击空白处。示意图
2. focus 到了文字开头。（非预期行为）
3. 点击外部 blur。
4. 再次点击空白处。示意图
5. focus 到文字尾部。（预期行为）

Firefox 问题及重现步骤

1. 点击空白处。示意图
2. focus 到了文字尾部。（预期行为）
3. 点击外部 blur。
4. 再次点击空白处。示意图
5. focus 到文字开头。（非预期行为）

[RaoHai]

tnpm -i

[zheeeng]

@afc163 It still happens to me (antd: 3.4, chrome: 65). The Mention is controlled and with multiLines.
There is a reproduction: https://codepen.io/zheeeng/pen/qogqWr. (don't focus on why separating editorState from value, actually, I use Mobx, editorState can't be converted to Observable)

[afc163]

@RaoHai

[RaoHai]

在看了

[zheeeng]

Hi, @RaoHai There is another issue on Mention Component.

Focus/blur on Mention will trigger onChange event. and if the Mention is multi-lines, click beside the first line, the onChange event will be fired twice, it seems unexpected.

e.g. Manually set value of mention, focus event fired, and the cursor is positioned at the start of the text.

[afc163]

@RaoHai

[afc163]

@RaoHai 有进展不

[zheeeng]

Didn't dig into this draft.js, I have an assumption that Selection API may benefit this problem. Maybe we could try to save and restore the position of the selection cursor in handling change/input event.

[afc163]

Duplicate of #12931