Glitch resizing a div caused by simplebar

Current Behavior

I have an application and I want to resize a div width. The application layout has 3 column:

• 2 fixed sidebar (left and right)
• 1 main container in the middle

There is 1 of my sidebar that I want to resize (view the screecast below).

Without the plugin enabled, all is perfect. However, when I activated simplebar, there was a weird behaviour where the sidebar would expand offscreen.

Expected behavior

I want the div the resize as expected

Reproducible example

Since it’s a pretty big app, it’s easier for me to share the problem via screencast

Suggested solution(s)

So after playing with different options, I figured out the following solution :

.simplebar-placeholder {
  display: none;
}

Additional context

Since I installed the plugin today, I didn’t feel confortable issuing a pull request since maybe adding display: none will break other features.

[Grsmto]

Until I figure out a solution for this, best workaround would be to force width: auto on placeholder : .simplebar-placeholder { width: auto!important; }.

[Grsmto]

Should be fixed in simplebar@4.0.0-alpha.0!