Fuse Version: 1.3.0
Operating System: Mac OSX 10.12.6
I have a code similar to below
<Page ux:Class="ConfirmationPage" Title="Confirmation">
<JavaScript>
var Observable = require( "FuseJS/Observable" )
var Context = require("Modules/Context");
var Storage = require("FuseJS/Storage");
function goToLoginPage() {
router.push("login", {});
}
function onCompleteEvent(){
router.goto("confirmationComplete",{});
}
module.exports = {
redirect_url: Context.new_tranx_redirect_url,
loggedIn: Context.loggedIn,
onCompleteEvent: onCompleteEvent,
};
</JavaScript>
<Router ux:Dependency="router" />
<TitleAreaContent>
<ResourceString Key="Title" Value="Confirmation Page"/>
</TitleAreaContent>
<Busy ux:Name="isBusy" IsActive="false"/>
<StackPanel ux:Name="notLoggedIn" Alignment="Center" ItemSpacing="10">
<Text Alignment="Center" FontSize="18">Login Required</Text>
<Text Alignment="Center" FontSize="12">Only account holders can access this section.</Text>
<TextButton Text="Please log in." FontSize="15" TextColor="#91008D" HoverColor="#666" Alignment="Top" Clicked="{goToLoginPage}"/>
<AddingAnimation>
<Scale Factor="0.4" Duration="0.4" Easing="CubicInOut" />
</AddingAnimation>
<RemovingAnimation>
</RemovingAnimation>
</StackPanel>
<DockPanel ux:Name="webView">
<NativeViewHost>
<WebView Dock="Fill" Url="{redirect_url}" URISchemeHandler="{onCompleteEvent}" ZoomEnabled="false"></WebView>
</NativeViewHost>
</DockPanel>
<WhileTrue Value="{loggedIn}">
<Set notLoggedIn.Opacity="0"/>
<Change notLoggedIn.Opacity="0" Duration="0.2"/>
</WhileTrue>
<WhileFalse Value="{loggedIn}">
<Change notLoggedIn.Opacity="1" Duration="0.2"/>
<Change notLoggedIn.ZOffset="3" Duration="0.2"/>
</WhileFalse>
<WhileBusy>
<Change loadingPanel.Opacity="1" Duration=".2" />
<Change loadingPanel.ZOffset="4" Duration=".2" />
</WhileBusy>
<LoadingIndicator ux:Name="loadingPanel" Opacity="0" ThemeColor="#fff" UnderlayColor="#3A1127" />
<RemovingAnimation>
<Move RelativeTo="Size" Y="-1" Duration="0.4" Easing="CircularInOut" />
</RemovingAnimation>
<LayoutAnimation>
<Move RelativeTo="LayoutChange" Y="1" Duration="0.4" Easing="CircularInOut" />
</LayoutAnimation>
</Page>
Once the URISchemeHandler property is added to the webview, the webview doesn’t load except the property is removed.