My issue is very similar to that described and 'answered' here: https://stackoverflow.com/a/48218562/8656459
I would like to be able to click multiple elements without CTRL being required and also without it scrolling up, but it seems like Chrome Mobile (android) still sees the mouse down (although no mice are involved), and then the options do not appear due to the preventDefaults, such as this:
What is the best way to go about fixing it?
here is the jsfiddle if it helps: https://jsfiddle.net/95ntdrjc/
No JQuery please.
const selectElem = document.querySelector('select');
selectElem.onmousedown = function(e) {
e.preventDefault();
const st = this.scrollTop;
e.target.selected = !e.target.selected;
setTimeout(() => this.scrollTop = st, 0);
this.focus();
};
selectElem.onmousemove = function(e) {
e.preventDefault();
};<select multiple>
<option>One</option>
<option>Two</option>
<option>Three</option>
</select>
