🐛 Flyout's bottom shadow clipped in "Bottom" placement mode

[genezero]

Describe the bug The flyout's bottom shadow is clipped when using the "Bottom" placement mode (e.g., bottomCenter). In contrast, the shadow displays correctly in "Top" placement modes (topCenter, topLeft, topRight).

To Reproduce Steps to reproduce the behavior:

1. Visit the Fluent UI documentation demo website and navigate to the Flyouts page.
2. Select the "BottomCenter" placement option.
3. Click the button to display the flyout.
4. Observe that the bottom shadow is clipped and does not display fully.

Expected behavior The flyout should show its bottom shadow correctly, similar to how it appears when "TopCenter" is selected as the placement mode.

Screenshots

[bdlukaa]

I can't reproduce it with the latest master.

[genezero]

Hi @bdlukaa, please try selecting the "BottomCenter" placement instead of the default "TopCenter". "TopLeft" and "TopRight" work well too, but other placements may have issues.