Incompatible with jQuery v3.6.0

[sundarsabapathi]

I am using bootstrap multi-select component in my project. I upgraded latest version of jQuery v3.6.0 in my project. After upgrade jQuery to latest v3.6.0 while rendering the multi-select component some UI glitches are there. May I know if the latest version of bootstrap-multiselect is compatible with jQuery 3.x. or Is there a way to resolve UI glitches ?

Multi select without UI glitch

Multi select with UI glitch

[tiesont]

It would be helpful include:

• sample code, like a jsFiddle or similar, with the minimum code to reproduce the issue, and
• a capture, text or otherwise, of the developer console, showing any errors which are being logged

[sundarsabapathi]

Hi @tiesont

        I attached the sample code to reproduce the issue. Please click the "Reload page" button in the sample you will find the glitch with jQuery v3.6.0.

multiselect-UI-glitch-on-reload-sample.zip

[sundarsabapathi]

Hi @tiesont Did you manage to test the file regarding the glitch? I tired using jsFiddle or codepen to recreate but it will not reflect the actual problem as the glitch requires page reload (online editors behaves differently than actual browsers). In the zip i attached the plain html with various jQuery versions. You can see the glitch when we run with jQuery v3.6.0 when reload the page but if we run with jQuery v2.2.4 then it works fine.

[sibiarunachalam]

I think, this problem may happens if the multi-select component is reloaded few times continuously, because the component's js also needs to be reloaded to render the component properly. Is there any other recommended way to implement multi-select without reloading the js often for a component?