min-w-fit doesnt work with virtualize

[schillerenrico]

Environment

https://ui.nuxt.com/docs/components/select-menu#with-full-content-width

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

4.10.0

Reproduction

The options are shortened when virtualize is activated. It overrules the min-w-fit.

Description

Maybe a width param is needed inside virtualize to expand the width of the dropdown again

Additional context

No response

Logs

[coderabbitai]

⚠️ Possible Duplicate Issue(s)

• min-w-fit not working with virtualization in USelectMenu #5534

🔗 Related PRs

#6503 - fix(Select/SelectMenu/InputMenu): add fallback for max-height [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[al1maher]

Afaik I don't think this is a bug, as it's a limitations of virtualization as concept. As we cannot decide the widest of a an element that didn't even render yet
a workaround would be to add a fixed width, or trying to compute the width of he widest row by hand