Tom Select is a lightweight (~16kb gzipped) hybrid of a textbox and select box. Forked from selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation. Useful for tagging, contact lists, etc.
I have two select fields. On change of first one, the second is filled dynamically. Recently I updated webpack and encore. After that, at the first change of first select, the second is not updated (despite of instance options are well filled). But when I change value of first select again, everything works ok.
I found, that it works on Symfony 6.2 but stop works on Symfony 6.3.
There is some init problem. I turned off symfonys' autocomplete and init tomselect manually if needed. And it works now.
Bug description
I have two select fields. On change of first one, the second is filled dynamically. Recently I updated webpack and encore. After that, at the first change of first select, the second is not updated (despite of instance options are well filled). But when I change value of first select again, everything works ok.
Expected behavior
Everything works from first time.
Steps to reproduce
First select:
Second select:
Javascript part included in $.ajax complete(response) ):
Results of console.log(response.responseJSON.agencyClients);:
Results of console.log(tomSelectInstance.options);:
There are no #demand_client-opt-*.option divs on the page after first call. And after second one, everything works well.
I tried to add setTimeout, but nothing change.
Additional context
Symfony 6.4.10 with Twig. System: OS: Windows 10 10.0.19045 Binaries: Node: 18.12.1 Yarn: 1.22.22 npm: 8.19.2 Browsers: Chrome: Chromium (127.0.6533.72) Firefox: 128.0.3 Packages: postcss-loader: ^7.0.1 => 7.3.3 sass-loader: ^13.0.2 => 13.3.2 webpack: ^5. => 5.93.0 webpack-cli: ^5. => 5.1.4 webpack-notifier: ^1.15.0 => 1.15.0 tom-select: ^2.* => 2.3.1