Skip to content

Glitch resizing a div caused by simplebar #253

Closed
@villeneuve-michael

Description

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.

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions