ScrollPanel Bars visible with Browser Zoom

[Rakasch]

I'm submitting a ...

[ X] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

Current behavior
Scrollpanel causes white borders if you have Browser Zoom at 80% or smaller.
The original scrollbars are visible. It is particularly annoying in a Darktheme.

Suggested fix
Hide the default scrollbars from the scrollpanel component via css.
// Chrome
.p-scrollpanel-content::-webkit-scrollbar {
display: none;
}
.p-scrollpanel-content{
-ms-overflow-style: none; // IE and Edge
scrollbar-width: none; // Firefox
}

• Vue version: 3.X

• PrimeVue version: 3.4.X

• Browser: Chrome XX

[tugcekucukoglu]

Unfortunately, I cannot replicate the issue. For example this codesandbox in the first example scrollbars cannot seems but the second and the last example scrollbar are visible because of the this line https://codesandbox.io/s/lr3k1y?file=/src/ScrollPanelDemo.vue:4879-4938

Do you have a codesandbox link for us to replicate?

[Rakasch]

I have this issue in your codesandbox, too:

Browser Zoom 90% (Chrome)

Bowser Zoom 50% (Chrome)

Bowser Zoom 50% (Firefox)

[tugcekucukoglu]

Still can not replicate the issue. If problem still persists, please send us a codesandbox link or a repo, so we can replicate this issue.

[Rakasch]

Did you change the Browser Zoom of your browser as stated?

1. go to https://www.primefaces.org/primevue/scrollpanel
2. set the Browser ZOOM to some small value
   
   you can usually do this with ctrl + mousewheel
3. Result is this
   

[tugcekucukoglu]

Thanks for the explanation. Reconsider it again.