Merge pull request #9652 from colinux/fix-dropdown-other-markup

Usager: fix alignement du champ "autre" des listes de choix
This commit is contained in:
Colin Darie 2023-10-30 10:19:40 +00:00 committed by GitHub
commit 8c6489fae2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 37 additions and 29 deletions

View file

@ -1,4 +1,8 @@
class EditableChamp::DropDownListComponent < EditableChamp::EditableChampBaseComponent
def render?
@champ.options?
end
def select_class_names
class_names('width-100': contains_long_option?, 'fr-select': true)
end
@ -11,6 +15,10 @@ class EditableChamp::DropDownListComponent < EditableChamp::EditableChampBaseCom
@champ.render_as_radios? ? :fieldset : :div
end
def other_element_class_names
class_names("fr-fieldset__element" => dsfr_champ_container == :fieldset)
end
def contains_long_option?
max_length = 100
@champ.enabled_non_empty_options.any? { _1.size > max_length }

View file

@ -1,4 +1,3 @@
- if @champ.options?
- if @champ.render_as_radios?
.fr-fieldset__content
- @champ.enabled_non_empty_options.each_with_index do |option, index|
@ -30,4 +29,5 @@
aria: { describedby: @champ.describedby_id }
- if @champ.drop_down_other?
%div{ class: other_element_class_names }
= render EditableChamp::DropDownOtherInputComponent.new(form: @form, champ: @champ)