Consistent Emoji style in live preview mode

[pyxelr]

Bug description

The emoji style is inconsistent in the "Live Preview" mode. This bug has been originally started in https://github.com/FlorianWoelki/obsidian-iconize/issues/458#issuecomment-2065273037.

To Reproduce

Steps to reproduce the behavior:

1. Install Iconize (e.g. v2.11.12 used in this report).
2. Make sure that "Toogle icons while editing notes" is turned on in Iconize settings.
3. Observe the behavior while inserting emojis into a note in a "Live Preview" mode.

For example:

• (arrows keys) or (entering a new line) modifies the emoji to the unexpected style
• (backspace) or (space) reverts icon to the expected style
• moreover, the unexpected emoji style becomes highlighted with a magnifier cursor upon hovering it with our cursor

Demo

https://github.com/FlorianWoelki/obsidian-iconize/assets/30161753/abd08d3f-dd68-4d9b-bdbd-3233805794e2

Expected behavior and workaround

I would expect that the emoji style is consistent in the "Live Preview" mode, such that it is not modified while manipulating text.

To overcome this, I have installed emoji shortcodes plugin, and turned off "Toogle icons while editing notes" in Iconize settings. This way, I can still insert emojis with : shortcode in "Live Preview" without observing different emoji styles.

Here is how I would prefer it to look like:

https://github.com/FlorianWoelki/obsidian-iconize/assets/30161753/c30e4ad4-83fc-4eb0-ae56-0a8e195eac90

[huedaya]

https://github.com/FlorianWoelki/obsidian-iconize/assets/4969689/4daa3f67-b7c5-48a9-89a6-252536feb1b1

Also found this bug, not sure its related or not.