[info] Usage without explicitly setting height

[badalsaibo]

Usecases where your div wants to occupying the remaining space without explicitly setting a height but also hosts contents which are overflowing and needs a scrollbar

<OverlayScrollbarsComponent defer>
   <div class="flex-1 h-auto">
      <div v-for="({ title }, index) in lessons">
         <div class="flex flex-row gap-x-2 items-center p-3 hover:bg-app-indigo-50 rounded-lg">
            <div v-html="CheckIcon" class="w-4 h-4"></div>
            <div class="text-sm text-primary-majorelle leading-none">
               <span>{{ index + 1 }}.&nbsp;</span>{{ title }}
            </div>
         </div>
      </div>
   </div>
</OverlayScrollbarsComponent>

[KingSora]

@badalsaibo Cool, thanks! :)