Scroll does not hide after decreasing container height

[KatyaV97]

I set the property to class ps: max-height: 130px When the height of the inner container exceeds 130px a scroll appears. But when the height of the inner container dynamically decreases and becomes less than 130px, the scroll does not disappear. Scroll disappears only after scrolling the mouse wheel, although there is no scrolling

[vishnu-exerp]

@KatyaV97 I have the same issue, did you find any solutions for this ?

[florianjea]

Did you try to call ps.update()?

[vishnu-exerp]

@florianjea Nop, i just added a key field to perfect scrollbar component which affects the container height. So its fixed now :)

like this

<perfect-scrollbar
        :options="{
          swipeEasing: true,
          wheelPropagation: true,
        }"
        :key="searchText"
        class="flex-1 text-sm"
      >

so when the searchText changes and update the results it updates the scroll view now.

[florianjea]

@florianjea Nop, i just added a key field to perfect scrollbar component which affects the container height. So its fixed now :)

like this

<perfect-scrollbar
        :options="{
          swipeEasing: true,
          wheelPropagation: true,
        }"
        :key="searchText"
        class="flex-1 text-sm"
      >

so when the searchText changes and update the results it updates the scroll view now.

searchText is a ref of the container?

[vishnu-exerp]

@florianjea Nop, searchText is the v-modal of the search input. So it will change when i try to filter the list by name.

[KatyaV97]

@vishnu-exerp thank you! It helped me