WPF - Keyboard shortcuts

[bhosachin]

we have hosted website inside WPF application using CefSharp 85 and it seems keyboard shortcuts of that websites are not working. e.g = to zoom.
Does anyone know how I can make the Chromium Control behave the same as an external browser in terms of Shortcuts?

[amaitland]

It's up to the embedding application to implement keyboard shortcuts.

There are a number of commands you can directly bind to.

https://docs.microsoft.com/en-us/dotnet/api/system.windows.input.keybinding?view=windowsdesktop-6.0

[bhosachin]

Thanks for the quick reply @amaitland. we don't need to provide shortcuts at WPF level.
Let me give you one more example, if we host google.com inside our application using Cefsharp and we are expecting that when user press
ctrl+P, it should open print dialog which opens if we browse google.com in Chrome.

This is just an example, now consider instead of google.com we host some other website which is developed and owned by someone else and they have their own custom shortcut keys implemented which works in Chrome but when we host it inside CEF it doesn't work e.g = to zoom to particular area of their sites.

[amaitland]

Please confirm you've read both http://cefsharp.github.io/api/101.0.x/html/M_CefSharp_Handler_KeyboardHandler_OnPreKeyEvent.htm and http://cefsharp.github.io/api/101.0.x/html/M_CefSharp_Handler_KeyboardHandler_OnKeyEvent.htm

[bhosachin]

Yes, @amaitland, this is how I implemented it. Pls check my comments in OnKeyEvent

public class KeyboardHandler : IKeyboardHandler
{
public bool OnPreKeyEvent(IWebBrowser chromiumWebBrowser, IBrowser browser, KeyType type, int windowsKeyCode, int nativeKeyCode, CefEventFlags modifiers, bool isSystemKey, ref bool isKeyboardShortcut)
{
isKeyboardShortcut = true;
return false;
}

public bool OnKeyEvent(IWebBrowser chromiumWebBrowser, IBrowser browser, KeyType type, int windowsKeyCode, int nativeKeyCode, CefEventFlags modifiers, bool isSystemKey)
{
    // what am I supposed to do with this Event now?
    // I do not want to implement shortcut functionality of that website here, since that is part of the web site
    // I just want the website to be able to receive the keystrokes and allow it to handle it
    return false;
}

}

[bhosachin]

@amaitland any leads would be appreciated

[emily-malone]

Hey @bhosachin

I was looped in on this issue on my end (developer on the website developed with hotkeys he is referencing). I started doing a bit of research and stumbled upon this thread.

My team is reaching out about the version + OS, but in the meantime to keep this investigation moving I just wanted to check - when you do ctrl+P in the cefsharp browser on google.com in the example below does it behave as expected with opening the print page? I am just trying to narrow down possibilities and want to understand if that is an issue as well?

I have tested on an embedded web browser using lambda test and the keys work as expected there so I am trying to figure out how to reproduce the scenarios.

Let me give you one more example, if we host google.com inside our application using Cefsharp and we are expecting that when user press
ctrl+P, it should open print dialog which opens if we browse google.com in Chrome.

[emily-malone]

@amaitland does CefSharp support Proxy?

[bhosachin]

@amaitland
We are hosting a site inside WPF Minimal Example which is using vue.js Javascript framework. somehow hotkeys(magic keys) are not working.

We tried to test vue.js magic key usage demo site https://vueuse.org/core/usemagickeys/ inside WPF minimal example with cefsharp 102

Here is behavior :

WPF minimal example where in vue.js is not able to print hotkeys pressed inside Cefsharp host :

Browser behavior where its able to print hotkeys are pressed, Highlighted in Red Rectangle :

CC @emily-malone

[amaitland]

If I had to guess then I'd say this is likely related to this upstream issue https://bitbucket.org/chromiumembedded/cef/issues/2597/windows-windowless-keyboard-handling

The DOM Keycode is not correctly set by CEF with windowless (offscreen) rendering which the WPF version uses.

An alternative would be to use https://github.com/cefsharp/CefSharp.Wpf.HwndHost

[bhosachin]

@amaitland It's working with CefSharp.Wpf.Hwnd but Can we make it working with CefSharp.WPF itself.

[amaitland]

You could build your own custom version of CEF with the proposed PR.

[bhosachin]

@amaitland
https://github.com/cefsharp/CefSharp.Wpf.HwndHost has introduced airspace issues in application. Do we have any solution for it.