AnsweredAssumed Answered

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

Question asked by agelfert on Jul 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.

Outcomes