From eb45159d781e45f462b341475650e812d9c8ef1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Kuklau?= <chucker23n+github@gmail.com>
Date: Thu, 14 May 2026 11:29:03 +0200
Subject: [PATCH] Flyout now shows a drop shadow

---
 src/Wpf.Ui/Controls/Flyout/Flyout.xaml | 36 ++++++++++++++++----------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/Wpf.Ui/Controls/Flyout/Flyout.xaml b/src/Wpf.Ui/Controls/Flyout/Flyout.xaml
index 38517407d..b53301768 100644
--- a/src/Wpf.Ui/Controls/Flyout/Flyout.xaml
+++ b/src/Wpf.Ui/Controls/Flyout/Flyout.xaml
@@ -50,19 +50,29 @@
                             PopupAnimation="{TemplateBinding Popup.PopupAnimation}"
                             StaysOpen="{TemplateBinding Popup.StaysOpen}"
                             VerticalOffset="1">
-                            <Border
-                                x:Name="PopupBorder"
-                                Margin="{TemplateBinding Margin}"
-                                Padding="{TemplateBinding Padding}"
-                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
-                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
-                                Background="{TemplateBinding Background}"
-                                BorderBrush="{TemplateBinding BorderBrush}"
-                                BorderThickness="1"
-                                CornerRadius="{DynamicResource PopupCornerRadius}"
-                                SnapsToDevicePixels="True">
-                                <ContentPresenter Content="{TemplateBinding Content}" />
-                            </Border>
+                            <controls:EffectThicknessDecorator Thickness="30">
+                                <Border
+                                    x:Name="PopupBorder"
+                                    Margin="{TemplateBinding Margin}"
+                                    Padding="{TemplateBinding Padding}"
+                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                    Background="{TemplateBinding Background}"
+                                    BorderBrush="{TemplateBinding BorderBrush}"
+                                    BorderThickness="1"
+                                    CornerRadius="{DynamicResource PopupCornerRadius}"
+                                    SnapsToDevicePixels="True">
+                                    <Border.Effect>
+                                        <DropShadowEffect
+                                            BlurRadius="20"
+                                            Direction="270"
+                                            Opacity="0.135"
+                                            ShadowDepth="10"
+                                            Color="#202020" />
+                                    </Border.Effect>
+                                    <ContentPresenter Content="{TemplateBinding Content}" />
+                                </Border>
+                            </controls:EffectThicknessDecorator>
                         </Popup>
                     </Grid>
                 </ControlTemplate>