Browser Dependent Scrollbar Behavior (IE11 vs. Chrome) in JSAPI 3.x

Arne_Gelfert · ‎07-20-2020

Cross-posting for different audience from here.

How do I fix a strange looking and unresponsive scrollbar in Search widget, i.e. a scrollbar that disappears when clicked on. I thought I was missing some parameter. But when I switched from Chrome to IE, I realize it's all browser related.

The following works in IE but not in Chrome:

// This is part of custom widget for Web Appbuilder, thus 3.x

this.mySearch = new Search({
          sources: [ <list of sources> ] ,
          map: this.map,
          popupEnabled: false,
          autoSelect: false, 
          enableSourcesMenu: false,
          enableSuggestions: true,
          maxSuggestions: 5,
          allPlaceholder: "Example: John Wayne",
          autoNavigate: false
}, "mySearch");
this.mySearch.startup();‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I have found that I can tweak the scrollbar look (width/color) by overriding parameters in :

::-webkit-scrollbar {
  ...
}

But what is the work-around for the click-on-scrollbar behavior? Thanks.