When using Kendo UI for Angular's ComboBox or other DropDowns in Reactive Forms, clicking the 'X' to clear the control removes the associated value from the FormGroup entirely. This behavior differs from other frameworks like React and Blazor WASM, where the control remains but is set to null. Currently, developers must manually handle this event to retain the control in the form. It would be beneficial if clearing the value only set it to null instead of removing the control from the FormGroup.
Expected Behavior:
Clearing the form when using the clear button should act like a form reset.
Hi Thomas,
Currently, the feature request of preserving the form control when clearing the value of a DropDowns component using the Clear button is still not part of our immediate development plans, and we are still monitoring the demand for it.
On that note, I would suggest following the item to stay notified of any updates on its implementation, and also casting a vote for the feature request since this will increase the chances of considering it for future development.
For the time being, the following workaround can be utilized to check the value of the form control in the valueChanges event of the form, and manually set it to null if the value is currently undefined (or use the form reset method):
Alternatively, if the feature is urgent for your project, an option that may be relevant and applicable to your needs is the Feature Acceleration program. This program fits well in scenarios where a feature or enhancement is important for an application's success, but it is not planned to be available at the time of the application's completion. Let me know if you are interested in pursuing this option.
Regards,
Zornitsa
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.