search

vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.63k stars 4.15k forks source link

Shortcut (Ctrl+F) for filter component by name input box doesn't work #1532

Open dkjain opened 3 years ago

dkjain commented 3 years ago

Version

5.3.4

Browser and OS info

Chrome 92 / Windows 7

Steps to reproduce

In Vue devtools panel, Ctrl F shortcut is defined for filter component by name input box, (see image), but it seems doesn't work anymore, Its overridden by "Search box for text within the current panel".

vue-devtools-components-list-view

What is expected?

Using Ctrl F shortcut defined for filter component by name input box doesn't work

What is actually happening?

Using Ctrl F shortcut in vue devtools focuses Search box for text within the current panel".

focus-on-panel-search-in-vue-devtools-components-view

Request is to change the keyboard shortcut to be more unique something like Ctrl Shift F or Ctrl Shift K since Ctrl F is almost a standard keyboard shortcut across window applications.

Even, better would be the ability to specify custom shortcuts for this or all shortcuts of vue devtools extension.

dkjain commented 3 years ago

Also, there is an Chrome extension API specifically for this purpose rather than having to bake in the extension itself,

devtools-chrome-commands-api

chrome.commands API

This way the extension can have something like this:

ublock-origin-keyboard-shortcuts-editor-in-chrome

konpeki622 commented 2 years ago

Seems like that the tooltip about Ctrl + F shortcut has been removed on v6. Not sure whether we would change the keyboard shortcut or not.