From d3d195c56669c3378d260f62106f25a0b1b46ecd Mon Sep 17 00:00:00 2001
From: Martin <martin@sharypic.com>
Date: Mon, 13 Nov 2023 10:14:02 +0100
Subject: [PATCH] amelioration(combobox): ETQ usager, les combobox de DS se
 comportent comme un `<select>`

---
 app/assets/stylesheets/dsfr.scss | 33 +++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/app/assets/stylesheets/dsfr.scss b/app/assets/stylesheets/dsfr.scss
index 6e12246f2..5c2bef546 100644
--- a/app/assets/stylesheets/dsfr.scss
+++ b/app/assets/stylesheets/dsfr.scss
@@ -33,22 +33,29 @@ trix-editor.fr-input {
   margin-top: 0.5rem;
 }
 
-@media (max-width: 62em) {
-  .fr-ds-combobox {
-    .fr-menu {
-      .fr-menu__list {
-        z-index: calc(var(--ground) + 1000);
-        width: 100%;
-        background-color: var(--background-default-grey);
-        --idle: transparent;
-        --hover: var(--background-overlap-grey-hover);
-        --active: var(--background-overlap-grey-active);
-        filter: drop-shadow(var(--overlap-shadow));
-        box-shadow: inset 0 1px 0 0 var(--border-open-blue-france);
-      }
+
+.fr-ds-combobox {
+  .fr-menu {
+    width: 100%;
+
+    .fr-menu__list {
+      width: 100%;
     }
   }
 }
+
+@media (max-width: 62em) {
+  .fr-ds-combobox  .fr-menu .fr-menu__list {
+    z-index: calc(var(--ground) + 1000);
+    background-color: var(--background-default-grey);
+    --idle: transparent;
+    --hover: var(--background-overlap-grey-hover);
+    --active: var(--background-overlap-grey-active);
+    filter: drop-shadow(var(--overlap-shadow));
+    box-shadow: inset 0 1px 0 0 var(--border-open-blue-france);
+  }
+}
+
 // Fix firefox < 80, Safari < 15.4, Chrome < 83 not supporting "appearance: auto" on inputs
 // This rule was set by DSFR for DSFR design, but broke our legacy forms.
 // scss-lint:disable DuplicateProperty