Scrollbar CSS styles overwritten in version 1.8.0

Description
default browser scrollbar css is overwritten and affects entire page it is embedded in.

This was added in version 1.8.0

::-webkit-scrollbar {
  width: 12px; }

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5); }

Error
Scrollbar on page affected

Which version?
Websdk 1.8.0

Screenshots
Screen Shot 2020-08-25 at 12.36.14 PM

Smartphone (please complete the following information):

  • Chrome

Additional context
Please avoid this is supposed to be used as an SDK. Could something like this be done #style-1::-webkit-scrollbar instead

1 Like

I agree. With limited configurations available in Web SDK to customise we have to depend of Zoom class, ID and HTML template structure to show / hide the features as per our need. If you are changing them in every release then upgrading to latest version always become cumbersome.

Hey @Meks, @harish.venkataraman,

Let me see if we can adjust this. (CS-2241)

Thanks,
Tommy

Hey @Meks, @harish.venkataraman,

We have found the issue and are fixing it in version 1.8.1.

Thanks,
Tommy

1 Like

Hey @harish.venkataraman, @Meks,

Version 1.8.1 has been released! :slight_smile: This issue is now fixed.

We will be updating our changelog shortly:

Thanks,
Tommy

2 Likes