docs(Select/SelectMenu/InputMenu): add example with full item width

[J-Michalek]

🔗 Linked issue

Resolves: #4409

❓ 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

I've added an example showing how to achieve adaptive select content width - avoiding the truncation of item content.

📝 Checklist

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

[pkg-pr-new]

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

commit: 4656e60

[J-Michalek]

We will add this type of example for SelectMenu and InputMenu as well.

@benjamincanac Is this form of the example okay with you or would you like to make some adjustments before I add it to the other two components?

[syazany]

Hi @J-Michalek not sure if this the right place to ask for this but I think in USelectMenu content has a bug for width?

In the docs its using w-(--reka-select-trigger-width) but it should be using w-[var(--reka-popper-anchor-width)] ?

[J-Michalek]

Hi @J-Michalek not sure if this the right place to ask for this but I think in USelectMenu content has a bug for width?

In the docs its using w-(--reka-select-trigger-width) but it should be using w-[var(--reka-popper-anchor-width)] ?

Hello, it should be working fine, it is aliased to --reka-select-trigger-width.