microsoft.toolkit.wpf.ui.controls.webview control goes out of scroll view

[suvish]

I'm submitting a...

Bug report (I searched for similar issues and did not find one)

Current behavior

when microsoft.toolkit.wpf.ui.controls.webview control placed inside another scrollview ,as we scroll the webview goes out of bounds of scrollview covering other controls.

Expected behavior

the controls places inside scrollview should be confined to its bounds.

Minimal reproduction of the problem with instructions

Initial view of app

After Scrolling

Test App Wpftest.zip

Environment

Nuget Package(s): Microsoft.Toolkit.Wpf.UI.Controls.Webview

Package Version(s): 5.0.0.0

Windows 10 Build Number:

• [ ] Fall Creators Update (16299)
• [x ] April 2018 Update (17134)
• [ ] October 2018 Update (17763)
• [ ] Insider Build (build number: )

App min and target version:

• [ ] Fall Creators Update (16299)
• [] April 2018 Update (17134)
• [ ] October 2018 Update (17763)
• [ ] Insider Build (xxxxx)

Device form factor:

• [x ] Desktop
• [ ] Mobile
• [ ] Xbox
• [ ] Surface Hub
• [ ] IoT

Visual Studio

• [x ] 2017 (version: )
• [ ] 2017 Preview (version: )

net Framework Target:4.6.2

[nmetulev]

Is this related to #2651? @marb2000, do you know if this is expected/known issue?

[rjmurillo]

I think they're related and of similar issue described in #2651 as the WebViewControl gets its own HWND and does not allow WPF to draw anything over it. To work around the issue one could use CapturePreviewToStreamAsync to capture the image and place it in a brush that's swapped in the visual tree so z-order behaves as expected. Similar work would need to be done with WebBrowserBrush in previous versions of WebBrowser. See User Interface Support Team Blog, Nitish Nagpal. (2012, April 12). How to display controls above WebBrowserControl in Silverlight.