InputMenu: monitor the popper size

[asmafa]

Description

I'm using a InputMenu in a small popup in my app. Which makes most of the options list hidden Is there a way to monitor the hight of the popper, in order to trigger the scroll bar ? Maybe an option to specify the number of items to display by default and scroll through the rest ? In my case I want to be able to display 4 items and scroll through the rest

[DrxcoDev]

Hello!!! Have you tried managing the height and scrolling in your InputMenu using Nuxt.js?

[asmafa]

@DrxcoDev i can't change the hight of my popup because it's the same size as other popups in the apps. I tried to add a scrollbar in my popup, i can scroll through the whole list but the problem is that when i click on the scrollbar it closes the options list

[asmafa]

The solution I went with (more like a hack) is adding this style to force the height of the popper

#assign_to_popup [id^="headlessui-combobox-options"]{
  height: 90px
}

I think there should be options that enables the customisation of the popper size, it seems to me like a useful feature

[github-actions[bot]]

This issue is stale because it has been open for 30 days with no activity.

[github-actions[bot]]

Hi! 👋

This issue has been automatically closed due to prolonged inactivity.

We're a small team and can't address every report, but we appreciate your feedback and contributions.

If this issue is still relevant with the latest version of Nuxt UI, please feel free to reopen or create a new issue with updated details.

Thank you for your understanding and support!

— Nuxt UI Team