Make the MenuBar overflow example more realistic.

[rolfsmeds]

The problem with the current docs sample is that the MenuBar is the direct child of a SplitLayout which directly adjusts its width. This hides the fact that in most cases, you need to give the MenuBar a width relative to its container (e.g. 100%), and also make sure the min-width is set to something that allows it to shrink (e.g. var(--lumo-size-m)).

We need to keep the SplitLayout in the sample to showcase the feature properly, but we should wrap the MenuBar in some other component – e.g. a HorizontalLayout – and provide the width and min-width appropriately. This will help developers figure out how to use the overflow feature.

---

If you think this issue is important, add a 👍 reaction to help the community and maintainers prioritize this issue.