Vaadin Message Input Fields vanish on click

[ChronosWQHD]

Context

I was going through a Vaadin 24 tutorial when I noticed that the Message Box in my application vanishes upon being clicked. I investigated and figured out that the LanguageTool browser extension seems to be causing this behaviour. This issue seems to be the same one that was encountered by another user with Vaadin Textboxes in this (closed) issue from a few months ago: #10615.

Steps taken by me

• I have isolated the LT extension to ensure that it is causing this problem.
• Because the original issue was closed and fixed, I have tried to update the version of my LT extension.
• I have been able to reproduce the issue on the following browsers with the corresponding versions of LT (which I believe to be the newest available version for each of the browsers, as I reinstalled LT on every browser):
  • Brave, 8.11.2
  • Edge, 8.10.4
  • Chrome, 8.11.2
  • Firefox, 8.10.4

Steps to reproduce

1. Activate the extension.
2. Go to a Vaadin 24 Message Box. Here are the docs for this component, and here is a single Message Box on an isolated web-page for testing.
3. Click into the box.
4. Notice how it vanishes.
5. Remove the extension.
6. Try again -- it works.

---

Comments and other notes

• I tried this on the other Vaadin text-boxes as well. Only the Message Boxes seem to (still) be affected.
• This is the error from the JavaScript console that is printed when the box is clicked.

35966-3e24a00191f9f149a018.js:367 
Uncaught TypeError: Cannot read properties of undefined (reading 'removeAttribute')
    at initializer (35966-3e24a00191f9f149a018.js:367:758)
    at r.initNode (11369-0e7453ae8ca47dc30155.js:2:1586)
    at r.initAddedNode (11369-0e7453ae8ca47dc30155.js:2:1705)
    at o.callback (11369-0e7453ae8ca47dc30155.js:2:2313)
    at o._processNodes (72339-6534e041b2b8e36412c3.js:2:9138)
    at o.flush (72339-6534e041b2b8e36412c3.js:2:8818)
    at 72339-6534e041b2b8e36412c3.js:2:8756

• I played around with the boxes for a while and noticed that you could circumvent the problem by clicking the "Send" button before using the box.
• I tried it on a V23 Message Boxes as well. They do not work either, but the behaviour is different. They just turn gray and ignore any further clicks.

This is my very first GitHub issue. I hope that it is appropriate.