Fix focus ring on decline label and download btn

- Add tabindex="0" to both decline <label> buttons so they enter the
  tab order and :focus-visible applies (labels are not natively focusable)
- Add .btn:focus-visible alongside :focus-visible in SCSS to override
  DaisyUI's higher-specificity .btn:focus-visible rule, ensuring the
  global 8px blue ring applies to all DaisyUI buttons

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
pull/599/head
Marcelo Paiva 3 weeks ago
parent 30b97357dc
commit 72842138e1

@ -4,7 +4,8 @@
@import "tailwindcss/components";
@import "tailwindcss/utilities";
:focus-visible {
:focus-visible,
.btn:focus-visible {
outline-color: rgb(14, 99, 200);
outline-style: solid;
outline-width: 8px;

@ -4,7 +4,8 @@
@import "tailwindcss/components";
@import "tailwindcss/utilities";
:focus-visible {
:focus-visible,
.btn:focus-visible {
outline-color: rgb(14, 99, 200);
outline-style: solid;
outline-width: 8px;

@ -21,7 +21,7 @@
</h1>
<div class="flex items-center space-x-2" style="margin-left: 20px; flex-shrink: 0">
<% if @form_configs[:with_decline] %>
<label id="decline_button_header" for="<%= decline_modal_checkbox_uuid = SecureRandom.uuid %>" class="btn btn-sm !px-5"><%= t(:decline) %></label>
<label id="decline_button_header" for="<%= decline_modal_checkbox_uuid = SecureRandom.uuid %>" class="btn btn-sm !px-5" tabindex="0"><%= t(:decline) %></label>
<% end %>
<% if @form_configs[:with_partial_download] %>
<download-button data-src="<%= submit_form_download_index_path(@submitter.slug) %>" class="btn btn-neutral text-white btn-sm !px-4">
@ -39,7 +39,7 @@
</div>
<scroll-buttons class="fixed right-5 top-2 hidden md:flex gap-1 z-50 ease-in-out opacity-0 -translate-y-10">
<% if @form_configs[:with_decline] %>
<label id="decline_button_scroll" for="<%= decline_modal_checkbox_uuid %>" class="btn btn-sm px-0">
<label id="decline_button_scroll" for="<%= decline_modal_checkbox_uuid %>" class="btn btn-sm px-0" tabindex="0">
<span class="min-[1366px]:inline hidden px-3">
<%= t(:decline) %>
</span>

Loading…
Cancel
Save