Rich Text Editor inside Dialog, cannot unselect toolbar buttons

[paodb]

Description

When using Rich Text Editor component inside a Dialog in Vaadin 24.4.6, once you enable a toolbar button like bold, italic, etc, they cannot be unselect. See recording:

This only happens when the Rich Text Editor component is inside a Dialog. If no Dialog is involved, unselecting the buttons works as expected.

Expected outcome

Be able to unselect toolbar buttons.

Minimal reproducible example

RichTextEditor rte = new RichTextEditor();
rte.setWidth("400px");

Dialog dialog = new Dialog("My dialog");        
dialog.add(rte);

add(new Button("open dialog", e -> dialog.open()));

Steps to reproduce

1 - Add the snippet above in a view in a Vaadin 24.4.6 application and run it.
2 - Open the dialog and in the Rich Text Editor, enable bold option (or italic, underline etc.).
3 - Then try to unselect the enabled option and see you're unable to do so like in attached recording.

Environment

Vaadin version(s): 24.4.6

Browsers

Chrome, Firefox

[web-padawan]

Confirmed. The issue only can be reproduced in Flow counterpart, the web component works fine. I will investigate this.

UPD: can be also reproduced in the web component after closing the dialog and re-opening it. The reason is that Quill instance gets re-initialized (since #6506) and then there are multiple click listeners added for each toolbar button.