RichTextEditor() binder.asRequired fail

[sveinnetnordic]

Description

Works initial if empty. When text is removed it does not work.

See: vaadin/web-components#8453

Expected outcome

Should validate

Minimal reproducible example

Add text, and remove

binder.forField(contentRte)
    .asRequired(translate("entity.validation.required")) //FAILS, See: https://github.com/vaadin/web-components/issues/8453
    .withValidator({ !contentRte.isEmpty }, translate("entity.validation.required"))
    .withStatusLabel(contentRteStatusLabel)
    .bind({ it.admissionEmailDTO.content }, { o, v -> o.admissionEmailDTO.content = v })

Steps to reproduce

see above

Environment

Hilla: 24.7.0.beta1
Flow: 24.7.0.beta1
Vaadin: 24.7.0.beta1
Spring Boot: 3.4.1
Spring: 6.2.1
Spring Security: ☑
Spring Data JPA: ☑
Copilot: 24.7.0.beta1
Frontend Hotswap: Disabled, using pre-built bundle
OS: amd64 Windows 11 10.0
Java: JetBrains s.r.o. 21.0.5
Browser: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36
Java Hotswap: Java Hotswap is enabled
IDE Plugin: 1.4.8 IntelliJ

Browsers

No response

[sissbruecker]

Currently this is not trivial to solve with how Binder's asRequired works. I've filed in issue in the Flow repo to enable this use-case: vaadin/flow#21106. The documentation now also contains a note about this problem and how to work around it: vaadin/docs#4170.

The workaround for now is to provide a custom validator to asRequired:

binder.forField(richTextEditor)
    .asRequired(Validator.from(value -> !richTextEditor.isEmpty(), "Required"));