Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RichTextEditor buttons are broken in Vaadin FLow 24.3.9. Cannot disable bold, italic, etc. once they are enabled. #7317

Open
fxpaquette opened this issue Apr 10, 2024 · 0 comments

Comments

@fxpaquette
Copy link

Description

When using the Vaadin 24 (Java, Flow) RichTextEditor object, we are unable to disable the bold option after enabling it.
We have the same issue with all other buttons in the text editor toolbar.

The only difference is with button groups, such as the headings button group.
For example, if you enable H1 heading, you can still switch to H2 or H3 heading but you cannot disable the heading option, you are stuck with one of the 3.

Expected outcome

To fix the issue.

Minimal reproducible example

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

Steps to reproduce

  1. Download the Vaadin 24 - Spring Boot starter project here: https://vaadin.com/hello-world-starters
  2. Add the snippet above in the MainView.java class
  3. Run the Application
  4. In the RichTextEditor, enable bold option (or italic, underline etc.).
  5. Then try disabling the bold option.
  6. You are unable to disable it.
Recording.2024-04-10.162332.mp4

Environment

Vaadin version(s): 24.3.9
OS: Windows 11
Java 17

Browsers

Chrome, Firefox

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants