The w-menu component currently supports a min-width prop allowing activator to be passed in to ensure that the menu will never be a smaller width than the activator. However it would also be nice to be able to do the same with a max width for w-select in particular so that the menu doesn't expand beyond the width of the activator, if desired.
Here is a codepen showing the overflow from the w-select where the w-menu expands beyond the width of the select.
And here is what this looks like if there is a max-width on the w-menu.
This doesn't override any base functionality so it shouldn't break any existing code. Just give additional options.
The
w-menu
component currently supports amin-width
prop allowingactivator
to be passed in to ensure that the menu will never be a smaller width than the activator. However it would also be nice to be able to do the same with a max width forw-select
in particular so that the menu doesn't expand beyond the width of the activator, if desired.Here is a codepen showing the overflow from the w-select where the w-menu expands beyond the width of the select.
And here is what this looks like if there is a
max-width
on the w-menu.This doesn't override any base functionality so it shouldn't break any existing code. Just give additional options.