From fe20b6ab2bc01603629c3fdee6f1bcb4c41d7b22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 27 Mar 2025 10:38:58 +0100
Subject: [PATCH] feat: improved tooltip and readonly handling of checkboxes

---
 templates/forms.html.twig | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/templates/forms.html.twig b/templates/forms.html.twig
index b15fd66..7695746 100644
--- a/templates/forms.html.twig
+++ b/templates/forms.html.twig
@@ -65,18 +65,13 @@
 {%- endblock textarea_widget -%}
 
 {%- block checkbox_widget -%}
+    {%- set attr = attr|filter((v, k) => k != 'tooltip') -%}
     {%- set attr = attr|merge({'class': (attr.class|default('') ~ ' form-checkbox')|trim }) -%}
     {%- if errors|length -%}
         {%- set attr = attr|merge({'class': attr.class|default('') ~ ' form-checkbox--has-error' }) -%}
     {%- endif -%}
     {%- set tooltip = null -%}
-    {%- if attr.tooltip is defined -%}
-        {%- set tooltip = attr.tooltip -%}
-        {%- set attr = attr|filter((v, k) => k != 'tooltip') -%}
-    {%- endif -%}
-    <div{% if tooltip is not null %} {{ stimulus_controller('tooltip', { 'content': tooltip }) }}{% endif %}>
-        <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
-    </div>
+    <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
 {%- endblock checkbox_widget -%}
 
 {%- block radio_widget -%}
@@ -95,13 +90,17 @@
 {%- endblock radio_widget -%}
 
 {% block checkbox_row %}
-    <div class="{{ html_classes('relative flex items-start', { 'cursor-not-allowed': form.vars.attr.readonly is defined }) }}">
+    {%- set tooltip = null -%}
+    {%- if form.vars.attr.tooltip is defined -%}
+        {%- set tooltip = form.vars.attr.tooltip -%}
+    {%- endif -%}
+    <div class="{{ html_classes('relative flex items-start', { 'cursor-not-allowed': form.vars.attr.readonly is defined }) }}"{% if tooltip is not null %} {{ stimulus_controller('tooltip', { 'content': tooltip }) }}{% endif %}>
         <div class="flex h-6 items-center">
             {{ form_widget(form) }}
         </div>
         <div class="{{ html_classes('ml-1 leading-6', { 'text-red-500': errors|length }) }}">
-            <label for="{{ form.vars.id }}">
-                {{ form.vars.label }}
+            <label for="{{ form.vars.id }}" class="{{ html_classes({ 'pointer-events-none': form.vars.attr.readonly is defined }) }}">
+                {{ form.vars.label | raw }}
             </label>
             {{- form_errors(form) -}}
         </div>