Get Free Trial

Scroll bar dimension issue.

Answered
Nivedita asked on October 10, 2021

Hi Team,
I’m not performing any customization on the horizontal and vertical scroll bar for the flexmonster table.But it seems like both the scrolls are getting chipped off. You can see the example with the attachment.Let me know how can I fix this behavior.
 
Thanks,
Nivedita

3 answers

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster October 11, 2021

Hello, Nivedita,
 
Thank you for reaching out to us.
 
We have noticed that scrollbars on the screenshot look different from the default browser styles. So that’s clear that it was customized. We suggest you checking out the following example which demonstrates how to properly change the scrollbar styling: https://jsfiddle.net/flexmonster/yrsq5eg2/.
Also, please let us know which version of Flexmonster you use.
 
We hope it helps. Looking forward to your response.
 
Kind regards,
Nadia

Public
Nivedita October 19, 2021

Hi Nadia,
Thanks for the quick response. After adding the necessary changes it seems to work for a windows machine but not for Mac. Is there a specific change which is needed for Mac?
PFA the screenshot for your reference.
 
Thanks,
Nivedita
 

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster 5 days ago

Hello, Nivedita,
 
Thank you for providing the screenshots.
 
The issue is that `::-webkit-scrollbar` is a non-standard feature, and it may not work on all devices. 
This is why, on macOS, you should set the General > Show scroll bars setting in System Preferences to “Always” for this property to have any effect. Also, try adding `!important` to scrollbar properties to override all previous styling rules. Please see the following example on JSFiddle: https://jsfiddle.net/flexmonster/4xrn3b8c/.
 
Feel free to contact us if other questions arise.
 
Kind regards,
Nadia

Please login or Register to Submit Answer