Extending Tom Select with a custom Stimulus controller

[iampedropiedade]

I've followed documentation for extending TomSelect with a custom Stimulus controller.
https://symfony.com/bundles/ux-autocomplete/current/index.html#extending-tom-select

However, when I added the attr option:

public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults([
        'class' => Food::class,
        'attr' => [
            'data-controller' => 'custom-autocomplete',
         ],
    ]);
}

the select element became a regular select instead of a TomSelect.

The only way I got it to work was by adding both my custom Stimulus controller and the default controller, like this:

public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults([
        'class' => Food::class,
        'attr' => [
            'data-controller' => 'custom-autocomplete symfony--ux-autocomplete--autocomplete',
         ],
    ]);
}

I am unsure if the above is the correct way to use custom controllers and documentation is incorrect or if this is a bug?

[1ed]

I think it's just a documentation issue, you should add 'autocomplete' => true, to options.

[iampedropiedade]

I think it's just a documentation issue, you should add 'autocomplete' => true, to options.

I'm using a custom #[AsEntityAutocompleteField] field type though, not an EntityType.
That option doesn't exist.

[1ed]

Oh, in that case 'autocomplete' => true is added automatically.
Do you have a lazy controller? See bfb7db7

[iampedropiedade]

I don't have that stimulusFetch option so I assume it's not lazy?

[1ed]

It also can be managed by assets/controllers.json, but "fetch": "eager" is the default, there. I have no other idea and I can not reproduce your issue, please create a reproducer we can check. You can use mine as a starting point https://github.com/1ed/ux-autocomplete-extend