Multiselect not working on iPod touch v7.

[peterimbery]

I am working on a project where I am using multiselect on a modal and the user is interacting with it via an iPod Touchn v7. There are using the latest version of Chrome as their browser. The issue is that when they open the mutliselects there is no way for them to scroll. When they touch inside the drop down to scroll it just selects the option and closes the dropdown. I have searched everywhere that I could think of and haven't been able to find a resolution. Any help would be great.

I am using multiselect 1.1.1. I was on a previous version (I can't remember what one) and the behavior was the same. Everything works great if they are on their laptops. So I am not sure if it is a screen size thing or an iOS thing or something else.

[humbertolopezleon]

Hello, the same thing happens to me on Android mobile devices, it seems to me that the problem is with small resolutions. To reproduce this error just access the documentation itself from a mobile device and try the example of the maxHeight property.

As a quick fix I implemented the following css classes in my project so that the scrollbar works fine, but my solution only allows to check an item when clicking on the box. The other pointer events are disabled.

@media screen and (max-width:1023px), screen and (min-width: 768px) {
	.multiselect-container button.dropdown-item {
		pointer-events: none;
	}

	.multiselect-container span.form-check input {
		pointer-events: all;
	}

	.multiselect-container span.form-check label {
		pointer-events: none;
	}

	.multiselect-container span.multiselect-group.dropdown-item-text {
		pointer-events: none;
	}

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

It would be great if the scrollbar would work on mobile devices without having to apply these styles, so I could take advantage of all the features in the selection of the items