@algolia/autocomplete-js 1.19.5 → 1.19.7

package/dist/esm/getPanelPlacementStyle.js

@@ -4,23 +4,21 @@ export function getPanelPlacementStyle(_ref) {
     form = _ref.form,
     environment = _ref.environment;
   var containerRect = container.getBoundingClientRect();
-  // Some browsers have specificities to retrieve the document scroll position.
-  // See https://stackoverflow.com/a/28633515/9940315
-  var scrollTop = environment.pageYOffset || environment.document.documentElement.scrollTop || environment.document.body.scrollTop || 0;
-  var top = scrollTop + containerRect.top + containerRect.height;
+  var offsetParent = container.offsetParent || environment.document.documentElement;
+  var top = container.offsetTop + containerRect.height;
   switch (panelPlacement) {
     case 'start':
       {
         return {
           top: top,
-          left: containerRect.left
+          left: container.offsetLeft
         };
       }
     case 'end':
       {
         return {
           top: top,
-          right: environment.document.documentElement.clientWidth - (containerRect.left + containerRect.width)
+          right: offsetParent.clientWidth - (container.offsetLeft + containerRect.width)
         };
       }
     case 'full-width':
@@ -38,8 +36,8 @@ export function getPanelPlacementStyle(_ref) {
         var formRect = form.getBoundingClientRect();
         return {
           top: top,
-          left: formRect.left,
-          right: environment.document.documentElement.clientWidth - (formRect.left + formRect.width),
+          left: form.offsetLeft,
+          right: offsetParent.clientWidth - (form.offsetLeft + formRect.width),
           width: 'unset',
           maxWidth: 'unset'
         };

package/dist/umd/index.development.js

@@ -1,4 +1,4 @@
-/*! @algolia/autocomplete-js 1.19.5 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
+/*! @algolia/autocomplete-js 1.19.7 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -347,7 +347,7 @@
     return undefined;
   }
 
-  var version = '1.19.5';
+  var version = '1.19.7';
 
   var userAgents$1 = [{
     segment: 'autocomplete-core',
@@ -2556,11 +2556,10 @@
         var highlightedItem = getActiveItem(store.getState());
         var nodeItem = props.environment.document.getElementById(getAutocompleteElementId(props.id, "item-".concat(store.getState().activeItemId), highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.source));
         if (nodeItem) {
-          if (nodeItem.scrollIntoViewIfNeeded) {
-            nodeItem.scrollIntoViewIfNeeded(false);
-          } else {
-            nodeItem.scrollIntoView(false);
-          }
+          nodeItem.scrollIntoView({
+            block: 'nearest',
+            inline: 'nearest'
+          });
         }
       }; // eslint-disable-next-line no-inner-declarations
       var triggerOnActive = function triggerOnActive() {
@@ -4835,23 +4834,21 @@
       form = _ref.form,
       environment = _ref.environment;
     var containerRect = container.getBoundingClientRect();
-    // Some browsers have specificities to retrieve the document scroll position.
-    // See https://stackoverflow.com/a/28633515/9940315
-    var scrollTop = environment.pageYOffset || environment.document.documentElement.scrollTop || environment.document.body.scrollTop || 0;
-    var top = scrollTop + containerRect.top + containerRect.height;
+    var offsetParent = container.offsetParent || environment.document.documentElement;
+    var top = container.offsetTop + containerRect.height;
     switch (panelPlacement) {
       case 'start':
         {
           return {
             top: top,
-            left: containerRect.left
+            left: container.offsetLeft
           };
         }
       case 'end':
         {
           return {
             top: top,
-            right: environment.document.documentElement.clientWidth - (containerRect.left + containerRect.width)
+            right: offsetParent.clientWidth - (container.offsetLeft + containerRect.width)
           };
         }
       case 'full-width':
@@ -4869,8 +4866,8 @@
           var formRect = form.getBoundingClientRect();
           return {
             top: top,
-            left: formRect.left,
-            right: environment.document.documentElement.clientWidth - (formRect.left + formRect.width),
+            left: form.offsetLeft,
+            right: offsetParent.clientWidth - (form.offsetLeft + formRect.width),
             width: 'unset',
             maxWidth: 'unset'
           };