starred/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2026-01-11 21:10:29 +01:00
Code Issues 273 Packages Projects Releases 10 Wiki Activity

Global search keyboard shortcut #10390

New Issue
Closed
opened 2025-12-29 21:30:49 +01:00 by adam · 5 comments
adam commented 2025-12-29 21:30:49 +01:00
Owner
Copy Link

Originally created by @llamafilm on GitHub (Oct 22, 2024).

NetBox version

v4.0.8

Feature type

New functionality

Triage priority

This is a very minor change

Proposed functionality

Pressing the slash / key from any webpage should move the cursor to the global search box, unless another text field already has focus. This is a common convention across many web services including Gmail and GitHub.

Use case

Nine times out of 10, the first thing I do when opening Netbox is click on global search. I've arrived the page using the keyboard (typing the URL), so it's un-ergonomic to move to the mouse for one click and then move back to the keyboard to type.

Database changes

No response

External dependencies

No response

Originally created by @llamafilm on GitHub (Oct 22, 2024). ### NetBox version v4.0.8 ### Feature type New functionality ### Triage priority This is a very minor change ### Proposed functionality Pressing the slash `/` key from any webpage should move the cursor to the global search box, unless another text field already has focus. This is a common convention across many web services including Gmail and GitHub. ### Use case Nine times out of 10, the first thing I do when opening Netbox is click on global search. I've arrived the page using the keyboard (typing the URL), so it's un-ergonomic to move to the mouse for one click and then move back to the keyboard to type. ### Database changes _No response_ ### External dependencies _No response_
adam closed this issue 2025-12-29 21:30:49 +01:00
adam commented 2025-12-29 21:30:49 +01:00
Author
Owner
Copy Link

@ITJamie commented on GitHub (Oct 23, 2024):

This was also brought up in https://github.com/netbox-community/netbox/issues/12749#issuecomment-1709667400

@ITJamie commented on GitHub (Oct 23, 2024): This was also brought up in https://github.com/netbox-community/netbox/issues/12749#issuecomment-1709667400
adam commented 2025-12-29 21:30:51 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Feb 6, 2025):

One note on implementation: This will need to be done in a proper TypeScript model (as opposed to JS embedded in the HTML source).

@jeremystretch commented on GitHub (Feb 6, 2025): One note on implementation: This will need to be done in a proper TypeScript model (as opposed to JS embedded in the HTML source).
adam commented 2025-12-29 21:30:51 +01:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (May 8, 2025):

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. Do not attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our contributing guide.

@github-actions[bot] commented on GitHub (May 8, 2025): This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. **Do not** attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our [contributing guide](https://github.com/netbox-community/netbox/blob/main/CONTRIBUTING.md).
adam commented 2025-12-29 21:30:51 +01:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Jun 7, 2025):

This issue has been automatically closed due to lack of activity. In an effort to reduce noise, please do not comment any further. Note that the core maintainers may elect to reopen this issue at a later date if deemed necessary.

@github-actions[bot] commented on GitHub (Jun 7, 2025): This issue has been automatically closed due to lack of activity. In an effort to reduce noise, please do not comment any further. Note that the core maintainers may elect to reopen this issue at a later date if deemed necessary.
adam commented 2025-12-29 21:30:52 +01:00
Author
Owner
Copy Link

@llamafilm commented on GitHub (Jun 8, 2025):

Since this FR wasn't accepted, I've patched base.html with this code on my server and it's a huge timesaver. If there is interest, I could try making this into a proper typescript module.

<script type="text/javascript">
// If the '/' key is pressed, focus the global search input
document.addEventListener('keydown', (event) => {
  if (event.target.matches('input, textarea, select') || document.body.classList.contains('modal-open')) {
    return;
  }
  if (event.key === '/') {
    const searchInput = document.querySelector('header input[name="q"]');
    console.log('Focusing search input');
    searchInput.focus();
    event.preventDefault();
  }
});
</script>
@llamafilm commented on GitHub (Jun 8, 2025): Since this FR wasn't accepted, I've patched base.html with this code on my server and it's a huge timesaver. If there is interest, I could try making this into a proper typescript module. ```html <script type="text/javascript"> // If the '/' key is pressed, focus the global search input document.addEventListener('keydown', (event) => { if (event.target.matches('input, textarea, select') || document.body.classList.contains('modal-open')) { return; } if (event.key === '/') { const searchInput = document.querySelector('header input[name="q"]'); console.log('Focusing search input'); searchInput.focus(); event.preventDefault(); } }); </script> ```
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
beta
breaking change
complexity: high
complexity: low
complexity: medium
needs milestone
netbox
pending closure
plugin candidate
pull-request
Mirrored from GitHub Pull Request
 severity: high
severity: low
severity: medium
status: accepted
status: backlog
status: blocked
status: duplicate
status: needs owner
status: needs triage
status: revisions needed
status: under review
topic: GraphQL
topic: Internationalization
topic: OpenAPI
topic: UI/UX
topic: cabling
topic: event rules
topic: htmx navigation
topic: industrialization
topic: migrations
topic: plugins
topic: scripts
topic: templating
topic: testing
type: bug
type: deprecation
type: documentation
type: feature
type: housekeeping
type: translation
No Label complexity: medium netbox pending closure status: needs owner type: feature
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#10390
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?