From bbd565edeee28992ca0f96b8736d9c1c828ebbc6 Mon Sep 17 00:00:00 2001
From: Martin <martin@sharypic.com>
Date: Tue, 25 Apr 2023 15:56:56 +0200
Subject: [PATCH] =?UTF-8?q?correctif(ui):=20les=20balises=20<select>=20ave?=
 =?UTF-8?q?c=20un=20balise=20<option>=20=C3=A0=20rallonge=20prenent=20la?=
 =?UTF-8?q?=20largueur=20du=20contenu=20de=20l'option?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Update app/components/editable_champ/drop_down_list_component.rb

Co-authored-by: Colin Darie <colin@darie.eu>
---
 app/components/editable_champ/drop_down_list_component.rb | 8 ++++++++
 .../drop_down_list_component.html.haml                    | 2 +-
 .../section_component/section_component.html.haml         | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/components/editable_champ/drop_down_list_component.rb b/app/components/editable_champ/drop_down_list_component.rb
index def70d331..ceed34675 100644
--- a/app/components/editable_champ/drop_down_list_component.rb
+++ b/app/components/editable_champ/drop_down_list_component.rb
@@ -1,2 +1,10 @@
 class EditableChamp::DropDownListComponent < EditableChamp::EditableChampBaseComponent
+  def select_class_names
+    class_names('width-100': contains_long_option?)
+  end
+
+  def contains_long_option?
+    max_length = 100
+    @champ.options.any? { _1.size > max_length }
+  end
 end
diff --git a/app/components/editable_champ/drop_down_list_component/drop_down_list_component.html.haml b/app/components/editable_champ/drop_down_list_component/drop_down_list_component.html.haml
index f2369b33c..94f97cb65 100644
--- a/app/components/editable_champ/drop_down_list_component/drop_down_list_component.html.haml
+++ b/app/components/editable_champ/drop_down_list_component/drop_down_list_component.html.haml
@@ -16,7 +16,7 @@
           = @form.radio_button :value, Champs::DropDownListChamp::OTHER, checked: @champ.other?
           Autre
   - else
-    = @form.select :value, @champ.options_without_empty_value_when_mandatory(@champ.options), { selected: @champ.selected }, required: @champ.required?, id: @champ.input_id, aria: { describedby: @champ.describedby_id }
+    = @form.select :value, @champ.options_without_empty_value_when_mandatory(@champ.options), { selected: @champ.selected }, required: @champ.required?, id: @champ.input_id, class: select_class_names, aria: { describedby: @champ.describedby_id }
 
   - if @champ.drop_down_other?
     = render EditableChamp::DropDownOtherInputComponent.new(form: @form, champ: @champ)
diff --git a/app/components/editable_champ/section_component/section_component.html.haml b/app/components/editable_champ/section_component/section_component.html.haml
index b6ecc682c..cc119bf2b 100644
--- a/app/components/editable_champ/section_component/section_component.html.haml
+++ b/app/components/editable_champ/section_component/section_component.html.haml
@@ -1,5 +1,5 @@
 - if render_within_fieldset?
-  = tag.fieldset(class: "reset-#{tag_for_depth}") do
+  = tag.fieldset(class: "reset-#{tag_for_depth} fr-m-0 fr-p-0") do
     = tag.legend do
       = render EditableChamp::HeaderSectionComponent.new(champ: header_section)
     - splitted_tail.each do |section, champ|