Skip to content

Conversation

@hanneskuettner
Copy link
Contributor

@hanneskuettner hanneskuettner commented Apr 17, 2025

πŸ”— Linked issue

Resolves #3920

❓ Type of change

  • πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

Adds min-w-fit to the content slots of Select, SelectMenu and InputMenu to allow the dropdown contents to determine the min width, while still maintaining a well defined width if the content is smaller.

These were the only components I could identify that set the width based on a trigger width.

Before After
CleanShot 2025-04-17 at 12 31 55@2x CleanShot 2025-04-17 at 12 31 35@2x

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Apr 17, 2025

npm i https://pkg.pr.new/@nuxt/ui@3922

commit: cdae0cd

@benjamincanac benjamincanac changed the title fix(components): add min-w-fit to content slot fix(InputMenu/Select/SelectMenu): add min-w-fit to content slot Apr 17, 2025
@benjamincanac benjamincanac merged commit f6b3761 into nuxt:v3 Apr 17, 2025
5 checks passed
@benjamincanac
Copy link
Member

Thanks @hanneskuettner! 😊

@benjamincanac benjamincanac added the v3 #1289 label Apr 22, 2025
@patriktoth67
Copy link

patriktoth67 commented Apr 27, 2025

Hi, I believe you reverted this feature in commit d49e0da simply by removing min-w-fit from content in select.ts and input-menu.ts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

v3 #1289

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Select/SelectMenu/InputMenu] Select content overflows for small trigger widths

3 participants