Hello
So, I have 2 panels. The first one is a simple log in form with a button that loads the second panel with a page in a page control and a log out button.
The log in button on the first panel is linked to a WhileTrue that makes the first panel opacity=0. The same button (log out) is also on the second panel and makes the animation go backwards (learned that from https://www.fusetools.com/examples/login-transition)
Everything works great. The problem rises when I use a webview in a page on the second panel. If I’m in the webview and click the logout button the page becomes frozen and loads the first panel behind it. I know this because I can click the text input behind it.
Not sure if this is a bug or I am the bug.
First Panel
<Grid ux:Name="loggedOutView">
<StackPanel>
<TextInput />
<TextInput />
<Panel>
<Button Text="Log in"/>
<Clicked>
<Toggle Target="load" />
</Clicked>
</Panel>
</StackPanel>
</Grid>
WhileTrue
<WhileTrue ux:Name="load">
<Change showLoggedIn.Value="true" />
</WhileTrue>
<WhileTrue ux:Name="showLoggedIn">
<Change loggedInView.Opacity="1" Delay="0.1" Duration="0.65" DurationBack="0.35" DelayBack="0.3" Easing="CubicInOut"/>
<Change loggedInView.IsEnabled="true" />
</WhileTrue>
Second Panel
<Panel>
<Panel ux:Name="loggedInView" Opacity="0" IsEnabled="false">
<Grid>
<DockPanel>
<PageControl ux:Name="pages">
<Page ux:Name="page1" Background="#3498db">
<NativeViewHost>
<WebView Dock="Fill" Url="http://www.google.com">
</WebView>
</NativeViewHost>
</Page>
<Grid ColumnData="1*,1*" Height="45" Dock="Bottom">
<Panel Background="#34495e">
<Text TextColor="#fff" Alignment="Center">Home</Text>
</Panel>
<Panel Background="#000">
<Text TextColor="#fff" Alignment="Center">Sign Out</Text>
<Clicked>
<Toggle Target="load"></Toggle>
</Clicked>
</Panel>
</Grid>
</DockPanel>
</Grid>
</Panel>
Again, I’ve tried using just text and images instead of the webview and works fine. It only happens with the webview.
Hope you can help.