bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2603 from nqst/mobile-nav-menu-no-autofocus

Browse Source 
Mobile → Jump menu: Remove input autofocus
This commit is contained in:
Andy Smith
2026-03-03 09:37:10 -06:00
committed by GitHub
parent 53df0e405b 967dd4e4fe
commit f8815fd914
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/nav.css
+2 -2
View File
@@ -71,14 +71,14 @@
0 0.8em 0.8em oklch(var(--lch-blue-medium) / 5%); 0 0.8em 0.8em oklch(var(--lch-blue-medium) / 5%);
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
gap: var(--nav-section-gap); gap: var(--nav-section-gap);
max-block-size: calc(100vh - var(--block-space) - var(--footer-height)); max-block-size: calc(100dvh - var(--block-space) - var(--footer-height));
overflow: hidden; overflow: hidden;
padding-block-end: 0; padding-block-end: 0;
scrollbar-gutter: stable both-edges; scrollbar-gutter: stable both-edges;
z-index: var(--z-nav); z-index: var(--z-nav);
@media (max-height: 668px) { @media (max-height: 668px) {
max-block-size: calc(100vh - var(--block-space)); max-block-size: calc(100dvh - var(--block-space));
} }
} }
app/helpers/my/menu_helper.rb
+1
View File
@@ -11,6 +11,7 @@ module My::MenuHelper
aria: { activedescendant: "" }, aria: { activedescendant: "" },
data: { data: {
"1p-ignore": "true", "1p-ignore": "true",
dialog_target: "focusMouse",
filter_target: "input", filter_target: "input",
nav_section_expander_target: "input", nav_section_expander_target: "input",
navigable_list_target: "input", navigable_list_target: "input",
app/views/my/menus/_jump.html.erb
+1 -1
View File
@@ -1,6 +1,6 @@
<div class="flex gap"> <div class="flex gap">
<div class="flex flex-column full-width justify-center gap-half"> <div class="flex flex-column full-width justify-center gap-half">
<div class="nav__header"> <div class="nav__header" tabindex="-1" data-dialog-target="focusTouch">
<% if Current.identity.accounts.many? %> <% if Current.identity.accounts.many? %>
<div class="nav__header-title max-width"> <div class="nav__header-title max-width">
<div class="overflow-ellipsis"><strong><%= Current.account.name %></strong></div> <div class="overflow-ellipsis"><strong><%= Current.account.name %></strong></div>