When using "Dynamically populated Select Options" x-model is empty on first render

[boustanihani]

When using "Dynamically populated Select Options" x-model is empty on first render.

Expected behaviour: The first value in the list (Red) should be loaded into x-model.

Dynamically populated Select Options
https://alpinejs.dev/directives/model#dynamically-populated-select-options

Also check: #1872

[joshhanley]

This issue has been converted to a discussion as we are now using discussions to track bugs and ideas.
See this announcement for more details #1423

[ekwoka]

Why would it?

You never set anything to the model.

the select does not emit a change event when it gets new options added.

Could you not set the x-model color to red ahead of time?

[boustanihani]

I know I could do that, currently I am using x-init to initialize the value of x-model.

But if you ask me, it would be more elegant, if alpine does this under the hood, upon init.
When x-model is applied to a select element, the value of the first option should be assigned to the model, because this is the default browser behaviour. Or x-model and the dom state would not be in sync on first render..