@ouestfrance/sipa-bms-ui 8.38.0 → 8.38.1

package/dist/sipa-bms-ui.css

@@ -3314,6 +3314,7 @@ section {
   --field-padding: 1em;
   --field-margin: 0.5em 0;
   --field-label-font-weight: bold;
+  --field-datalist-bottom: calc(var(--field-height) + 1em);
 }
 .field__errors {
   font-size: 14px;
@@ -3391,7 +3392,7 @@ section {
   overflow-y: auto;
 }
 .field__datalist.top {
-  bottom: 60px;
+  bottom: var(--field-datalist-bottom);
 }
 .field__input {
   display: flex;

package/dist/sipa-bms-ui.es.js

@@ -106597,7 +106597,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const datalist = ref(null);
     const { y } = useElementBounding(datalist);
     const parentElement = ref(null);
-    const { height: windowHeight } = useWindowSize();
+    function getScrollParentBottom(element) {
+      if (!element || element === document.documentElement || element === document.body) {
+        return window.innerHeight;
+      }
+      const { overflow, overflowY } = window.getComputedStyle(element);
+      if (/(auto|scroll|hidden)/.test(overflow + overflowY)) {
+        return element.getBoundingClientRect().bottom;
+      }
+      return getScrollParentBottom(element.parentElement);
+    }
     const classes = computed(() => {
       return {
         field: true,
@@ -106630,7 +106639,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!datalist.value) {
         return false;
       }
-      return y.value + (datalistHeight.value ?? 0) > windowHeight.value;
+      const containerBottom = getScrollParentBottom(datalist.value.parentElement);
+      return y.value + (datalistHeight.value ?? 0) > containerBottom;
     });
     const getCaptionIdentifier = (caption) => {
       return convertStringToCaption(caption).label;