fix: query DOM element without role for cross-platform compatibility (#237)

- I was a little bit surprised about this but on certain platform (mainly Salesforce in my case), the `role` attributes are completely stripped. So the DOM query I had for arrow highlight navigation wasn't working in Salesforce. So removing `[role]` query selector but adding another type of attribute to keep query still focused with `li[datakey]` is enough to get it working in Salesforce

Author: ghiscoding

packages/multiple-select-vanilla/src/MultipleSelectInstance.ts

@@ -20,8 +20,8 @@ import {
 } from './utils/domUtils';
 import type { HtmlElementPosition } from './utils/domUtils';
 
-const OPTIONS_LIST_SELECTOR = '.ms-select-all, ul[role=combobox] li[role=option]';
-const OPTIONS_HIGHLIGHT_LIST_SELECTOR = '.ms-select-all.highlighted, ul[role=combobox] li[role=option].highlighted';
+const OPTIONS_LIST_SELECTOR = '.ms-select-all, ul li[data-key]';
+const OPTIONS_HIGHLIGHT_LIST_SELECTOR = '.ms-select-all.highlighted, ul li[data-key].highlighted';
 
 export class MultipleSelectInstance {
   protected _bindEventService: BindingEventService;