@awell-health/ui-library 0.1.143 → 0.1.145

package/dist/index.css

@@ -8258,12 +8258,12 @@ html {
   margin: 0 auto;
 }
 
-.awell__form_traditional_form {
-  padding-bottom: calc(var(--awell-mobile-footer-height) + var(--awell-spacing-36));
+main.awell__form_traditional_form {
+  padding-bottom: calc(var(--awell-mobile-footer-height) + var(--awell-spacing-28));
 }
 @media (min-width: 640px) {
-  .awell__form_traditional_form {
-    padding-bottom: calc(var(--awell-footer-height) + var(--awell-spacing-36));
+  main.awell__form_traditional_form {
+    padding-bottom: calc(var(--awell-footer-height) + var(--awell-spacing-28));
   }
 }
 

package/dist/index.js

@@ -34859,10 +34859,16 @@ Check the top-level render call using <` + t + ">.");
               var containerRect = container.getBoundingClientRect();
               var dropdownRect = dropdownElement.getBoundingClientRect();
               var selectRect = selectWrapperRef.current.getBoundingClientRect();
+              var fixedFooter = Array.from(document.querySelectorAll('footer')).find(function (footer) {
+                var footerStyles = window.getComputedStyle(footer);
+                return footerStyles.position === 'fixed' && footerStyles.bottom === '0px';
+              });
+              var visibleContainerBottom = fixedFooter ?
+              Math.min(containerRect.bottom, fixedFooter.getBoundingClientRect().top) :
+              containerRect.bottom;
               var dropdownBottom = selectRect.bottom + dropdownRect.height;
-              var containerBottom = containerRect.bottom;
-              if (dropdownBottom > containerBottom) {
-                var scrollAmount = dropdownBottom - containerBottom + 20;
+              if (dropdownBottom > visibleContainerBottom) {
+                var scrollAmount = dropdownBottom - visibleContainerBottom + 20;
                 container.scrollTo({
                   top: container.scrollTop + scrollAmount,
                   behavior: 'smooth' });
@@ -51575,7 +51581,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                     if (value !== mapped) {
                       notifyAnswerChange(mapped);
                     }
-                  }, isMulti: true, options: optionsToSelectItems((_c = question.options) !== null && _c !== void 0 ? _c : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true });
+                  }, isMulti: true, options: optionsToSelectItems((_c = question.options) !== null && _c !== void 0 ? _c : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true, menuPosition: "fixed" });
               }
               return jsxRuntime.exports.jsx(MultipleChoiceQuestion, { label: question.title, options: (_d = question.options) !== null && _d !== void 0 ? _d : [], onChange: function (data) {
                   onChange(data);
@@ -51593,7 +51599,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                     var mapped = selectValueToSingleValue(selected);
                     onChange(mapped);
                     notifyAnswerChange(mapped);
-                  }, options: optionsToSelectItems((_d = question.options) !== null && _d !== void 0 ? _d : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true });
+                  }, options: optionsToSelectItems((_d = question.options) !== null && _d !== void 0 ? _d : []), required: config === null || config === void 0 ? void 0 : config.mandatory, isSearchable: true, menuPosition: "fixed" });
               }
               return jsxRuntime.exports.jsx(SingleChoiceQuestion, { label: question.title, options: question.options || [], onChange: function (data) {
                   onChange(data);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.143",
+  "version": "0.1.145",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",