Skip to content

Commit cdf78e3

Browse files
committed
Improve settings modal keyb navigation
Quick thing to help Pavel.
1 parent 28e4047 commit cdf78e3

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

apps/desktop/src/components/SettingsModalLayout.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,8 @@
3434
}
3535
</script>
3636

37-
<div class="modal-settings-wrapper" use:focusable>
38-
<div class="settings-sidebar" use:focusable={{ list: true }}>
37+
<div class="modal-settings-wrapper">
38+
<div class="settings-sidebar" use:focusable>
3939
<h3 class="settings-sidebar__title text-15 text-bold">{title}</h3>
4040
<div class="settings-sidebar__links">
4141
{#each pages.filter((p) => !p.adminOnly || isAdmin) as page}

packages/ui/src/lib/components/Modal.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,7 @@
132132
class:small={width === 'small'}
133133
class:xsmall={width === 'xsmall'}
134134
style:width={typeof width === 'number' ? `${pxToRem(width)}rem` : undefined}
135-
use:focusable={{ trap: true, activate: true }}
135+
use:focusable={{ trap: true, activate: true, skip: true }}
136136
onsubmit={(e) => {
137137
e.preventDefault();
138138
onSubmit?.(close, item);

0 commit comments

Comments
 (0)