how to use KeyCode properly to ignore Ctrl+F ?

[parsalotfy]

In my usecase, I have a page with a datagrid. outside of datagrid there is empty space.
I want to implement a shortcut, such that when user pressed ctrl+F, it overwrite the default browser search box and show mine.
I read this issue as well.
my problem is that when I use KeyCode component, instead of global, it only listen to keyboard when user clicks on components inside the tags.

but it is not user friendly. user just opens the webpage, he sees the grid, and he press ctrl+F
and nothing happens, because focus is on nothing.

so I MUST use global. am I wrong? please correct me.

In global on the other hand, I don't know how I can ignore ctrl+F specifically, such that ctrl+c and ctrl+a and also c and a buttons continue working like before. since they are not ignored.

the ignore array works like OR and not like AND.

Thank you for your input.

[MarvinKlein1508]

@parsalotfy you should be able to get it to work when focusing the datagrid on page load. The component only needs to be the active element to get it to work.

[parsalotfy]

so isn't there any other workaround?
it is not comfortable, I should tell user: "the ctrl+F works only if you had clicked on the datagrid, if it didn't work make sure to click on that"

[MarvinKlein1508]

Right now - no. There is no way to PreventDefault and StopPropagation globally for certain keys as far as I'm aware.

What I would do is using FluentKeyCode component on the page and set the Only and Ignore parameters with PreventDefault="true". And on page navigation I would automatically focus the element using ElementReference.FocusAsync() in OnAfterRenderAsync

[MarvinKlein1508]

I have opened a feature request for the upcoming v5 version. #4519

[parsalotfy]

thank you