Force le popover a être toujours dessous pour les checkboxes

betagouv · Oct 17, 2024 · b85b4db · b85b4db
1 parent f307014
commit b85b4db
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/form/dsfr/SelectCheckboxes.tsx b/src/components/form/dsfr/SelectCheckboxes.tsx
@@ -40,7 +40,12 @@ const SelectCheckboxes = ({ fieldId, label, hintText, state, stateRelatedMessage
             </option>
           </select>
         </PopoverTrigger>
-        <PopoverContent className="fr-px-2w fr-py-1w">
+        <PopoverContent
+          className="fr-px-2w fr-py-1w"
+          side="bottom"
+          sideOffset={0} // Controls space between trigger and popover
+          avoidCollisions={false}
+        >
           <StyledCheckbox {...props} />
         </PopoverContent>
       </Popover>