1604471 - WhatsApp Web emojis duplicate on Windows 10

Status: NEW

(Core :: DOM: UI Events & Focus Handling, defect, P3)

Description

[mathiasbx]

Attachment: Annotation 2019-12-17 134503.jpg

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

Steps to reproduce:

Open whatsapp web
In message box, use the shortcut win + . to open the emojis dialog box
Pick an emoji

Actual results:

Emoji is tripled in the box

Expected results:

There should only be a single emoji in the message box

Comment 1

[Hani Yacoub, Desktop QA]

Managed to reproduce the issue on Windows 10 x64 on the latest Firefox Nightly, Firefox 72.0b10 and on Firefox 71.0.

Comment 2

[BugBot [:suhaib / :marco]]

The priority flag is not set for this bug.
:boris, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[joanbrugueram]

I have been getting the same or a similar issue for a long time with Firefox in Arch Linux, when typing emojis through ibus. All emojis appear tripled once selection is confirmed. This has only happened to me with WhatsApp Web and it works correctly in Chromium.

Here's a video to make the issue clear: https://zealcharm.soon.it/WhatsAppTripleEmoji.ogv

I haven't looked much into the cause but WhatsApp Web seems to be doing some relatively complex input handling, it's not just a dumb input textbox.

Comment 4

[joanbrugueram]

It seems like this is already known and discussed, I found this thread here: https://github.com/webcompat/web-bugs/issues/13503 with a lot more information and links to further bugs.

If someone is interested in a workaround, it seems you can work around the problem by disabling the compositionend event like this:
document.addEventListener("compositionend", e => e.stopPropagation(), true);

Comment 5

[Emilio Cobos Álvarez [:emilio]]

(In reply to joanbrugueram from comment #4)

It seems like this is already known and discussed, I found this thread here: https://github.com/webcompat/web-bugs/issues/13503 with a lot more information and links to further bugs.

That smells like editor events difering across browsers. Masayuki, any idea of what may be going on?

Comment 6

[Masayuki Nakano [:masayuki] (he/him)(JST, +0900)]

Well, we have some incompatible issues around dispatching input event around compositionend event. For making our behavior use standandardized one, we need a lot of changes in chrome script which does not make sense. See https://github.com/w3c/uievents/issues/202
The issue might cause it, but according to the web-compat's issue, we should implement beforeinput event first.

Comment 7

[kaflinqalex]

WhatsApp Web emojis may appear duplicated on Windows 10 due to compatibility issues or browser cache. Clearing the cache and updating your browser can help resolve this. If the issue persists, you might try using a different browser or disabling browser extensions that could interfere with WhatsApp. Additionally, you can explore alternate apps like https://anwaapk.com/anwhatsapp-2/, which offers more customization options and features; find more information about it here .