Quill Editor does not work as expected with Angular Signal Forms

[grizlizli]

Hello 👋

We recently upgraded our project to Angular v21 and started using the new Signal-Based Forms API. When integrating it with the Quill Editor, we encountered an unexpected issue.

🚨 Problem

When applying the Field directive from Signal Forms on the component, the text cursor becomes stuck at the beginning of the editor.

As a result, all typed characters appear in reverse order.

For example:

Typing:
hello

Produces:
olleh

📌 Reproduction

•	Angular version: 21.x
•	Using Signal-Based Forms
•	Field directive applied to quill-editor
•	Editor initializes, but cursor never advances from index 0

💡 Expected behavior

The cursor should advance as the user types, and characters should appear in the correct order.

❗ Actual behavior

The cursor remains at the start of the text, causing characters to be inserted in reverse.

[KillerCodeMonkey]

Feel free to contribute on this with a pr.

I just upgraded to angular 21 and checked the default behavior within my demo repo.

I had no time to check out signal based forms, yet.

[KillerCodeMonkey]

@grizlizli i added a "failing" example to the demo repo for reproduction

[KillerCodeMonkey]

i do not even know if it is in general expected to work correctly, since an angular "field" just directly adds two way binding. So i do not even know how this should even generally work out of the box when using an ControlValueAccessor component.

In general i guess a whole new component is needed (but my knowledge about those new forms are limited, yet)

[grizlizli]

Similarly to the ControlValueAccessor, there is an interface FormUiControl, base contract for all form controls, easier to implement.

[grizlizli]

I'll try to take a look into the issue in next few days. Thanks!