fix(micro-journeys): Edge fix for equalizeRelativeHeights, replace x and y with left and top

Author: glassdimly

packages/core/utils/equalize-relative-heights.js

@@ -63,8 +63,8 @@ export const equalizeRelativeHeights = (
     items.forEach((item, i) => {
       const { container, elToEqualize } = item;
       item.relativeOffsetTop =
-        elToEqualize.getBoundingClientRect().y -
-        container.getBoundingClientRect().y;
+        elToEqualize.getBoundingClientRect().top -
+        container.getBoundingClientRect().top;
       indexOfLongest = indexOfLongest === null ? i : indexOfLongest;
       indexOfLongest =
         items[indexOfLongest].relativeOffsetTop < item.relativeOffsetTop

packages/micro-journeys/src/two-character-layout.js

@@ -141,7 +141,7 @@ class BoltTwoCharacterLayout extends withLitHtml() {
           `.${boltCharacterCenterClass}`,
         );
         connection.style.minWidth = `calc(${nextCharacterCenter.getBoundingClientRect()
-          .x - connection.getBoundingClientRect().x}px + 50%)`;
+          .left - connection.getBoundingClientRect().left}px + 50%)`;
       }
     });
   };