Исправить выпадение всплывающих окон через действия

Question

Это сценарий:

У меня есть текст, загруженный на экран, и у меня есть кнопка на экране. Когда я нажимаю на кнопку, открывается всплывающее окно с кнопкой.

Мои проблемы сейчас:

1. Я не могу прокрутить текст вниз. Кажется, что всплывающее окно принимает полный фокус. Как я могу сделать так, чтобы я мог прокрутить вниз, и всплывающее окно все еще было открыто?

2. Всплывающее окно исчезает почти при каждом действии. Например, если я снова нажму на текст. Как я могу настроить его так, чтобы всплывающее окно исчезало только при нажатии на кнопку внутри всплывающего окна?

Чего я пытаюсь добиться:

Откройте мою всплывающую коробку. Выполняйте действия с / с текстом без исчезновения всплывающего окна. Всплывающее окно должно исчезнуть только после нажатия кнопки во всплывающем окне.

        <Button x:Name="flyout" Style="{StaticResource AppBarButtonStyle}" Tapped="OnOptionItemTapped">
            <Image Source="Assets/images/icon_menu.png"/>
                <Button.Flyout>
                <Flyout x:Name="boxName">
                    <Grid>
                        <TextBlock Text="This is a flyout!"/>
                        <Button x:Name="closeOnClick">
                            <Image Source="Assets/images/annot_remove.png"/>
                        </Button>
                    </Grid>
                </Flyout>
            </Button.Flyout>
        </Button>

Я представляю, что код для моей второй проблемы выглядит примерно так:

if (name.Equals("closeOnClick"))

{

boxName.Hide();

}

Answer 1

Я нашел часть решения. Когда я нажимаю на кнопку внутри всплывающего окна, оно исчезает.

Теперь мне нужно только знать, как я могу выполнять такие действия, как прокрутка в моем текстовом файле, пока всплывающее окно все еще видно.

Неполное Решение:

      <Button x:Name="flyout" Style="{StaticResource AppBarButtonStyle}" Tapped="OnOptionItemTapped">
            <Image Source="Assets/images/icon_menu.png"/>
                <Button.Flyout>
                <Flyout x:Name="boxName">
                    <Grid>
                        <TextBlock Text="This is a flyout!"/>
                        <Button Tapped="closeOnClick">
                            <Image Source="Assets/images/annot_remove.png"/>
                        </Button>
                    </Grid>
                </Flyout>
            </Button.Flyout>
        </Button>

а также

public void closeOnClick(object sender, TappedRoutedEventArgs e)
{
    boxName.Hide();
}