Чёрные области вокруг MenuItem, если задаю свою форму

Пытаюсь реализовать свой стиль для меню, и не получается найти, что нужно переопределить. Для сравнение создал отдельный проект без меню, и где Popup отображается корректно. правильный popup

И код:

    <Canvas>
    <Button x:Name="button" Content="show" Canvas.Left="10" Canvas.Top="10" Click="button_Click"/>
    <Popup x:Name="popup" Placement="Center" HorizontalOffset="10" VerticalOffset="10" AllowsTransparency="True" PopupAnimation="Slide">
        <Popup.Resources>
            <Style x:Key="opac"><!-- просто анимация, ничего интересного -->

            </Style>
        </Popup.Resources>
        <StackPanel Opacity="0" Style="{StaticResource opac}">
            <Path Margin="10,0,0,0" Fill="#e5323232" Data="M 0 6 L 6 0 L 12 6 Z"/>
            <Border CornerRadius="3,3,0,0" HorizontalAlignment="Center" VerticalAlignment="Top" Padding="10,7" BorderThickness="0" Background="#e5323232">
                <StackPanel>
                    <TextBlock Foreground="White">
            Очередное ничего не значащее, чтобы забить пространство
                    </TextBlock>
                </StackPanel>
            </Border>
        </StackPanel>
    </Popup>
    <Button x:Name="button1" Content="hide" Canvas.Left="110" Canvas.Top="10" Click="button1_Click"/>
</Canvas>

Но когда я пытаюсь сделать тоже самое внутри меню, то добавляются чёрные области, от которых не получается избавится.

проблемный popup

        <Style TargetType="{x:Type MenuItem}">
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type MenuItem}">
                    <Border x:Name="templateRoot" SnapsToDevicePixels="True">
                        <Grid Margin="-1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <ContentPresenter x:Name="Icon" Content="{TemplateBinding Icon}" ContentSource="Icon" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                            <Path x:Name="GlyphPanel" Data="F1M10,1.2L4.7,9.1 4.5,9.1 0,5.2 1.3,3.5 4.3,6.1 8.3,0 10,1.2z" Fill="#e5323232"/>
                            <ContentPresenter ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="1" ContentStringFormat="{TemplateBinding HeaderStringFormat}" ContentSource="Header" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                            <Popup Focusable="False" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}" Placement="Right">
                                <StackPanel>
                                    <Path Margin="10,0,0,0" Fill="#e5323232" Data="M 0 6 L 6 0 L 12 6 Z"/>
                                    <Border CornerRadius="3,3,0,0" HorizontalAlignment="Center" VerticalAlignment="Top" Padding="10,7" BorderThickness="0" Background="#e5323232">
                                        <StackPanel>
                                            <ItemsPresenter KeyboardNavigation.DirectionalNavigation="Cycle" Grid.IsSharedSizeScope="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" KeyboardNavigation.TabNavigation="Cycle"/>
                                        </StackPanel>
                                    </Border>
                                </StackPanel>
                            </Popup>
                        </Grid>
                    </Border>

                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter Property="Visibility" TargetName="GlyphPanel" Value="Visible"/>
                            <Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="#e5323232"/>
    </Style>

Ответы (1 шт):

Автор решения: velial

В шаблоне для пункта меню пропущено указание свойства AllowsTransparency.

Ваш код:

<Popup Focusable="False" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}" Placement="Right">

Надо так:

<Popup Focusable="False" AllowsTransparency="True" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}" Placement="Right">
→ Ссылка