Using this form with other components

[adfinis]

Using this form with other components

[czosel]

That should be absolutely possible with our custom components integration. The key is calling fi.update which will update the value in your model.

{{#f.input label="Favorite Color" name="color" as |fi|}}
  {{#power-select options=names onchange=fi.update as |name|}}
    {{name}}
  {{/power-select}}
{{/f.input}}

(I didn't test this, but it should be a good starting point)

Optionally, you can also call fi.setDirty to mark the input as dirty (i.e. show validation errors).

In case you tried this already and/or it doesn't work like this, please share some code - i'd be happy to take a look at it.

[czosel]

I'll close this since it hope it is resolved - feel free to reopen if not.

[tinyweasel]

Many months later I'm having an issue where I've set onblur=fi.setDirty, but the problem is, if I load the form with values pre-selected, and I de-select them, it doesn't get set to dirty and I don't get the validation error until I activate the dropdown. Any ideas of a fix?

[czosel]

Hi @tinyweasel!
I'm not sure if i understand the issue completely - can you try to create a reproduction in a twiddle? You could use this one as a starting point.
Thanks!