From 1a3c5b75c5bfb49594fbe3f3970828ee981d4107 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Wed, 7 Aug 2024 17:57:30 +0900
Subject: [PATCH] Make checkboxes focusable with keyboard

---
 lib/livebook_web/components/form_components.ex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/livebook_web/components/form_components.ex b/lib/livebook_web/components/form_components.ex
index 254505fc8..c8ea3efa1 100644
--- a/lib/livebook_web/components/form_components.ex
+++ b/lib/livebook_web/components/form_components.ex
@@ -295,11 +295,11 @@ defmodule LivebookWeb.FormComponents do
 
     ~H"""
     <div>
-      <label class="flex items-center gap-2 cursor-pointer">
+      <label class="flex items-center gap-2 cursor-pointer relative">
         <input :if={@unchecked_value} type="hidden" value={@unchecked_value} name={@name} />
         <input
           type="checkbox"
-          class="peer hidden"
+          class="peer opacity-0 absolute top-0 left-0"
           value={@checked_value}
           name={@name}
           id={@id || @name}