Text from the Watermark plugin is shown for a few miliseconds when indent is changed and input box is empty about roosterjs

[romanisa]

@vhuseinova-msft Would you like to contribute a fix for this? RoosterJS core team encourages open-source contribution.

[vhuseinova-msft]

Hi @romanisa! I investigated this issue a little bit and not sure if it's possible to fix it with the current behavior.

To share more details:
Currently, Watermark plugin adds a watermark every time when the editor isn't focused and doesn't have any text. As RoosterJS editor component doesn't really know about existence of rich text format buttons, every time when there is no text in the editor and any rich text format button is clicked, editor looses focus and the watermark is shown (there are quite a few events are caught by onPluginEvent func during this time). The watermark is removed in a few milliseconds because the editor gains focus again which is caused by rich text format buttons onClick callbacks.

A few possible solutions that might need more discussions:

• change the behaviour of the watermark and start to show it when the editor is focused but empty (quick solution)
• review the events handling to handle events in more optimal and fast way (probably a big task and I'm not sure if it's even doable)

Please let me know if there is something else that I've missed
cc @JiuqingSong

[JiuqingSong]

Please try the new Watermark plugin with ContentModel in demo site. It has fully changed the behavior.