optgroup collapsible not working on mobile

[KingMabuza]

Hi, the optgroup dropdown isn't working on mobile devices, when I click on the dropdown caret it doesn't display options, but works fine on desktop, please help.

[etamin419]

Hello. Is the problem still not resolved? I also encountered the fact that in the mobile version it is not possible to open the group.
But I noticed that outside the list, you can open and hide the list. As if an object is superimposed on top of the list, preventing disclosure.
You can see it on the GIF

[FaresBadrCA]

To fix the scrolling and inability to expand/collapse the optgroup on mobile, I added this line after initializing the multiselect:

$('span.caret-container').on('touchstart', function(e) {e.stopPropagation();});

Additionally, I have these css properties:

.multiselect-container button.dropdown-item {
   pointer-events:none;
}
.multiselect-container span.form-check input {
   pointer-events: all;
   cursor: pointer;
}
.multiselect-container span.form-check label  {
   pointer-events: none;
}

.multiselect-container span.caret-container {
   pointer-events: all;
   cursor: pointer;
}

[khanhtoan122001]

To fix the scrolling and inability to expand/collapse the optgroup on mobile, I added this line after initializing the multiselect:

$('span.caret-container').on('touchstart', function(e) {e.stopPropagation();});

Additionally, I have these css properties:

.multiselect-container button.dropdown-item {
   pointer-events:none;
}
.multiselect-container span.form-check input {
   pointer-events: all;
   cursor: pointer;
}
.multiselect-container span.form-check label  {
   pointer-events: none;
}

.multiselect-container span.caret-container {
   pointer-events: all;
   cursor: pointer;
}

You save my life <3