FluentSelect with multiple selection better css

[shark0151]

By default, <FluentSelect Multiple=true/> acts like a sort of popout, meaning it is on top of other elements. Even in the example it's inside a fixed sized div to prevent that, which is only fine if you know in advance how large an element will be. That's also not great for responsive design. Plus it has that shadow on.

The Class and Style parameters only affect the drop-down, which isn't even visible in this situation. Using FluentListBox as an alternative is problematic. I wasn't able to get it working with multiple selection.

So quick css to get things as I think it should be.
This will only affect the listbox if it is inside a FluentSelect with multiple true.

fluent-select[aria-multiselectable="true"]::part(listbox) {
    position: relative;
    padding: 0;
    box-shadow: none;
}

And you end up with something like the following picture. No hidden div, resizes with parent, is not on top of other elements.

Maybe this should be the default behavior (with the proper fluent styling), I think it makes more sense