EP/myep
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve a11y of checkbox with tooltip

Browse Source
This commit is contained in:
Björn Fromme
2025-03-27 10:45:10 +01:00
parent fe20b6ab2b
commit 3d9177f979
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/forms.html.twig
+11 -9
View File
@@ -94,15 +94,17 @@
{%- if form.vars.attr.tooltip is defined -%} {%- if form.vars.attr.tooltip is defined -%}
{%- set tooltip = form.vars.attr.tooltip -%} {%- set tooltip = form.vars.attr.tooltip -%}
{%- endif -%} {%- 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>
<div class="flex h-6 items-center"> <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 %}>
{{ form_widget(form) }} <div class="flex h-6 items-center">
</div> {{ form_widget(form) }}
<div class="{{ html_classes('ml-1 leading-6', { 'text-red-500': errors|length }) }}"> </div>
<label for="{{ form.vars.id }}" class="{{ html_classes({ 'pointer-events-none': form.vars.attr.readonly is defined }) }}"> <div class="{{ html_classes('ml-1 leading-6', { 'text-red-500': errors|length }) }}">
{{ form.vars.label | raw }} <label for="{{ form.vars.id }}" class="{{ html_classes({ 'pointer-events-none': form.vars.attr.readonly is defined }) }}">
</label> {{ form.vars.label | raw }}
{{- form_errors(form) -}} </label>
{{- form_errors(form) -}}
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}