我想使用CommandBar和a Flyout来构建这样的东西.

用户应单击CommandBar(Flyout打开)中的按钮,然后在其中输入文本TextBox,然后单击右侧的按钮TextBox以启动搜索请求.问题是,当我单击TextBox时,我无法输入文本.在我写东西之前,它似乎失去了焦点.下面是示例代码.怎么了?
<Page.Resources>
<DataTemplate x:Key="Search">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<TextBox Grid.Column="0" />
<AppBarButton Grid.Column="1" Icon="Find" />
</Grid>
</DataTemplate>
</Page.Resources>
<Grid>
<CommandBar RequestedTheme="Dark">
<AppBarButton Icon="Find">
<AppBarButton.Flyout>
<Flyout Placement="Bottom" >
<ContentPresenter ContentTemplate="{StaticResource Search}"/>
</Flyout>
</AppBarButton.Flyout>
</AppBarButton>
</CommandBar>
</Grid>
Run Code Online (Sandbox Code Playgroud)