Webkit Scrollbar on calcite panel

[BobCowling2]

I am trying to style a Calcite shell panel with a Webkit scrollbar using CSS and it is not working. It works on other sections of the page but the scrollbar on the calcite panel does not change. Does anyone have an idea of what to do this?

Thanks

[TomSellsted]

Thanks very much for the quick response!  Here is the code.  I wanted you to see all of it as I may have something that may be interfering in some way with the scrolling.

Thanks very much!

[TomSellsted]

Kitty,

You may have heard me smack my forehead...  I figured out my issue.  I was trying to set the class on the panel and not the actual contents.  Once I was setting it correctly it is working perfectly.

Regards,

Tom

[KittyHurley]

It happens to the best of us, no worries. Glad to hear you got it working!

[EricErtl]

Hello.  I am having similar issues with trying to restyle a scrollbar.  All scrollbars in the application are styled how I want them except the popup container.  The change happened when upgrading from 4.24 to the 4.25 JS API.  Any ideas on why the popup container is the only item in the app that does not style correctly?  I appreciate any help!  Thanks.

[KittyHurley]

@EricErtl Can you post a Codepen or code sample for troubleshooting?

As a side note, if using Calcite with a specific JavaScript Maps SDK version, we recommend using the same Calcite version coupled with the JavaScript Maps SDK release. For instance:

ArcGIS Maps SDK for JavaScript version	Calcite version
4.24	beta.82
4.25	beta.97
4.26	1.0.7