当用户单击某些按钮时，我试图显示表情符号列表。我在Popup中给出了表情符号列表。

<Grid ClipToBounds="True" Visibility="Collapsed" VerticalAlignment="Stretch" Grid.Column="0" Grid.ColumnSpan="2" Background="Transparent" HorizontalAlignment="Stretch">
        <Popup AllowsTransparency="True" ClipToBounds="True" Grid.Column="0" HorizontalOffset="0" VerticalOffset="1" HorizontalAlignment="Right"  Placement="RelativePoint" materialDesign:ShadowAssist.ShadowDepth="Depth0" VerticalAlignment="Center">
            <materialDesign:Card VerticalAlignment="Bottom" HorizontalAlignment="Right" UniformCornerRadius="0" Visibility="Visible" materialDesign:ShadowAssist.ShadowDepth="Depth1">
                <Border Background="White" BorderBrush="#d2d9d4" BorderThickness="0.6" ClipToBounds="True">
                    <Grid>
                        <ListView ItemsSource="{Binding EmojisList}" MaxWidth="350" MaxHeight="450" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Auto"
                                  VerticalContentAlignment="Stretch">
                            <ListView.ItemsPanel>
                                <itemspaneltemplate>
                                    <WrapPanel />
                                </itemspaneltemplate>
                            </ListView.ItemsPanel>
                            <ListView.ItemTemplate>
                                <DataTemplate>
                                    <emoji:TextBlock FontSize="25" Text="{Binding .}"/>
                                </DataTemplate>
                            </ListView.ItemTemplate>
                        </ListView>
                    </Grid>
                </Border>
            </materialDesign:Card>
        </Popup>
    </Grid>

使用以下代码，我将获得如下弹出窗口。

这是弹出窗口的显示方式，实际上它应该位于主窗口内。请让我来实现这个目标。