[Live component] Data model binding "onblur" not available

[richardhj]

Hi there!

I posted on this issue before in Slack 😄

In fact, I have a input type="date" that (as we know) has strange "onchange" behaviors.

My idea was to submit the field onblur, but this is not available. Is there a reason for doing so?

ux/src/LiveComponent/assets/src/Directive/get_model_binding.ts

Lines 24 to 27 in 9209d86

	if (!['input', 'change'].includes(modifier.value)) {
	throw new Error(
	`The "on" modifier in ${modelDirective.getString()} only accepts the arguments "input" or "change".`
	);

[smnandre]

The problem is that "blur" does not imply any change, and would probably be triggered too late in many cases..

Also, this is a browser "bug" in the end... and i'm not sure we want to try going against it ... :/

But, by setting a small debounce, the experience looks to me already much better!

live-date-debounce.mov

What do you think ?

If this does not match what you want, you also can set a norender on change, and trigger the event manually from some custom JS script / Stimulus controller (see: https://symfony.com/bundles/ux-live-component/current/index.html#model-updates-don-t-work-when-external-javascript-changes-a-field)