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
⋅ 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
⋅ 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
⋅ October 21, 2021
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
⋅ October 28, 2021
Hello, Nivedita,
Hope you are doing well.
We are wondering if you had some time to test the solution. Looking forward to hearing your feedback.
Kind regards,
Nadia
⋅ October 29, 2021
Hello Nadia,
I tried the above steps but it didn't seem to work. Is there anything I'm missing?
Thanks,
Nivedita
⋅ November 1, 2021
Hello, Nivedita,
Thank you for your response.
We suppose that some styling rules may override the suggested scrollbar CSS settings. You can check the scrollbar styling in developer tools to find out which properties have higher priority. Try disabling some CSS styles to define which of them leads to the unexpected behavior.
We hope it helps. You are welcome to write to us in case further questions arise.
Kind regards,
Nadia
