Placeholder keeps growing in width

[Infradigitaal]

Describe the bug
using simplebar - v6.2.7 (core)

I created a rem-based zoom of my content.
Basically, I have a list which has a scroll. Whenever I shrink the fontsize, ironically enough, the placeholder grows in width. It keeps growing well beyond the max-width of the parent container.

This issue seems to be similar to issue #253

To Reproduce
Steps to reproduce the behavior:

1. Create a div with simplebar, width based on REM
2. Fill it with some lines of text
3. Change the document's base font size (from 32px to 16px for example)
4. See error

Expected behavior
For the div to resize properly

Additional context
I have temporarily fixed it by using overflow-x: hidden on the element in question, though I'm not sure I won't need it again in the future.

[AmirAsghary]

+1
I'm facing a similar issue on my end. When I zoom out, the simplebar-placeholder component's width gets set to the "zoomed out width", but when I zoom back in, the value doesn't get reduced properly. I'm using "simplebar-react": "^3.3.1".

1. Default zoom (init rendering):
   

2. After zooming in for the first time:
   

3. Zooming back to 100% (The width of simplebar-placeholder stays stuck, and page layout breaks):
   

I quite dislike monkey-patching the issue on my end, so, for this use case at least, I'll revert back to using CSS.