fix: DatePicker popup is hidden in MultiSplitterPane

[hygehyge]

🐛 Bug Report

Calendar popup of DatePicker that located in MultiSplitterPane is hidden by multi-splitter-bar.

💻 Repro or Code Sample

@page "/"
@rendermode InteractiveServer

<PageTitle>Home</PageTitle>

<h1>DatePicker popup is hidden</h1>

<FluentMultiSplitter Orientation="Orientation.Vertical">
    <FluentMultiSplitterPane>
        <FluentDatePicker/>
    </FluentMultiSplitterPane>
    <FluentMultiSplitterPane>
        <p>ABC</p>
    </FluentMultiSplitterPane>
</FluentMultiSplitter>

🤔 Expected Behavior

Calendar should be visible over other components.

😯 Current Behavior

Calendar is hidden by multi-splitter-bar.

💁 Possible Solution

🔦 Context

🌍 Your Environment

• OS & Device: Windows 11 23H2 22631.4317
• Browser: Microsoft Edge 129.0.2792.79
• .NET: 8.0.400
• Fluent UI Blazor: 4.10.2

[dvoituron]

This behaviour is due to the presence of this style overflow in the FluentMultiSplitter component. You can disable it (see example below) if you manage the minimum panel size correctly. We will try to find a solution that is compatible with both functions.

.fluent-multi-splitter > .fluent-multi-splitter-pane {
   overflow: unset !important;
}

[vnbaaij]

Workaround provided. Closing this.