Mouseover on overlapped control template elements - wpf

Question

I am trying to create a control template that presents a geometric figure (Path) and some joints (Ellipses) on it. I need to highlight figure and joints when mouse over a figure, and highlight figure and make joint bigger and change it colour when mouse over a joint.
The problem is, when mouse is over a joint inside path, then mouse is not over a path. How to solve it?
<ControlTemplate x:Key="ctConnector">
<Canvas>
<Path x:Name="ConnectorPath" Data="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=PathData}" Fill="White">
<Path.Style>
<Style TargetType="Path">
<Setter Property="StrokeThickness" Value="1" />
<Setter Property="Stroke" Value="{StaticResource PathNormalBrush}" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Stroke" Value="{StaticResource PathMouseOverBrush}" />
</Trigger>
</Style.Triggers>
</Style>
</Path.Style>
</Path>
<ItemsControl x:Name="ConnectorJoints" ItemsSource="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Joints}">
<ItemsControl.Style>
<Style TargetType="ItemsControl">
<Setter Property="Visibility" Value="Hidden" />
</Style>
</ItemsControl.Style>
<ItemsControl.ItemContainerStyle>
<Style TargetType="FrameworkElement">
<Setter Property="Canvas.Left" Value="{Binding Left, Converter={x:Static local:CoordConverter.Instance}, ConverterParameter=X}" />
<Setter Property="Canvas.Top" Value="{Binding Top, Converter={x:Static local:CoordConverter.Instance}, ConverterParameter=Y}" />
</Style>
</ItemsControl.ItemContainerStyle>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<Canvas IsItemsHost="True" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Ellipse>
<Ellipse.Style>
<Style TargetType="Ellipse">
<Setter Property="Width" Value="3" />
<Setter Property="Height" Value="3" />
<Setter Property="Margin" Value="-1.5,-1.5" />
<Setter Property="Fill" Value="{StaticResource PathMouseOverBrush}" />
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Width" Value="7" />
<Setter Property="Height" Value="7" />
<Setter Property="Margin" Value="-3.5,-3.5" />
<Setter Property="Fill" Value="{StaticResource JointMouseOverBrush}" />
</Trigger>
</Style.Triggers>
</Style>
</Ellipse.Style>
</Ellipse>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Canvas>
<ControlTemplate.Triggers>
<Trigger SourceName="ConnectorPath" Property="IsMouseOver" Value="True">
<Setter TargetName="ConnectorJoints" Property="Visibility" Value="Visible" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>