Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-23 14:59:36 +02:00
Code Issues Releases Activity

navbar: Allow the typing of slash in input/textarea fields

Browse source
This commit is contained in:
Thies 2025-01-30 12:12:05 +01:00
parent 6d80969fdc
commit bc08362a4c
No known key found for this signature in database
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/lib/components/Navbar.svelte
View file

@ -17,9 +17,10 @@
// Event listener for focusing input // Event listener for focusing input
function handleKeydown(event: KeyboardEvent) { function handleKeydown(event: KeyboardEvent) {
if (event.key === '/' && document.activeElement !== inputElement) { // Ignore any keypresses in an input/textarea field, so we don't interfere with typing.
if (event.key === '/' && !["INPUT", "TEXTAREA"].includes((event.target as HTMLElement)?.tagName)) {
event.preventDefault(); // Prevent browser's search shortcut event.preventDefault(); // Prevent browser's search shortcut
if (inputElement) { if (inputElement) {
inputElement.focus(); inputElement.focus();
} }
} }
@ -222,7 +223,7 @@
bind:value={query} bind:value={query}
class="grow" class="grow"
placeholder={$t('navbar.search')} placeholder={$t('navbar.search')}
bind:this={inputElement} bind:this={inputElement}
/><kbd class="kbd">/</kbd> /><kbd class="kbd">/</kbd>
</label> </label>
<button on:click={searchGo} type="submit" class="btn btn-neutral" <button on:click={searchGo} type="submit" class="btn btn-neutral"