🐞 - TuiEditor: the value in the component is incorrectly updated when it is passed as an empty string using formControl

[algashev123]

Reproduction url

https://taiga-family.github.io/editor/starter-kit?ngModel=&placeholder=Test

Description

An empty string is incorrectly processed by the TuiEditor component. Playback Steps:

1. Open the showcase at the specified link;
2. In the ngModel: Example pass HTML code input, delete the value through the cross;
3. Enter something into the Editor component;
4. Repeat step 2;
5. Look at the result.

Expected behavior:
The component has cleared, there is no value in it and the placeholder is visible.

Current result:
The text in the input is not cleared, the placeholder is layered on the text

Taiga UI version

4.15.0

Browser Used

Chrome

OS Used

macOS

[andreyjamer]

I'm observing the same issue. Looks like it is caused by the usage of firstInitialValue in editor.component.ts

editor/projects/editor/components/editor/editor.component.ts

Line 230 in 16a69cd

this.firstInitialValue = processed ?? '';

The property is set on the component initialization and passed to the tuiTiptapEditor directive

editor/projects/editor/components/editor/editor.component.html

Line 60 in 16a69cd

[value]="firstInitialValue"

If component has any value on initialization, then the editor will display it. It is possible to reset the content only once through external formControl. Other attempts will not clean the editor.
If the exampleText property is set, then the content will overlap it.

Steps to reproduce are the following:

1. Take this example: https://taiga-family.github.io/editor/starter-kit
2. Add [exampleText]="'Input your sentence here'" to the <tui-editor ...> component
3. Add button below the editor: <button type="button" (click)="control.setValue('')">reset</button>
4. Open the page and press reset button. Editor will be cleaned and Input your sentence here will be displayed as placeholder
5. Input 12345 in the editor. The placeholder will disappear, the text will be displayed normally.
6. Press reset button
7. 12345 will no disappear, but Input your sentence here will be displayed below it.
   

Another issue probably related to it is that tui-editor-socket is also do not update the value on formControl cleanup. It is easy to check in the same example. HTML: block below the editor always has a value before cleanup. And it doesn't matter if reset button was pressed or for example user pressed CTRL+A in the editor and DELETE after it.

[konverso-aakulov]

Hello! Is there any update on this issue?

[splincode]

I'll take this issue on Monday