uikit 3.18.3-dev.93bc2b277 → 3.18.3-dev.dceb0c996

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.18.3-dev.93bc2b277",
+  "version": "3.18.3-dev.dceb0c996",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/dropnav.js

@@ -289,7 +289,10 @@ export default {
                             .map((el) => offset(el).bottom),
                     );
 
-                    offset(this.dropbar, this.getDropbarOffset(drop.$el));
+                    offset(this.dropbar, {
+                        left: offset(this.dropbar).left,
+                        top: this.getDropbarOffset(drop.getPositionOffset()),
+                    });
                     this.transitionTo(
                         maxBottom - offset(this.dropbar).top + toFloat(css(target, 'marginBottom')),
                         target,
@@ -395,10 +398,10 @@ export default {
             return includes(this.dropdowns, el) && hasClass(el, this.clsDrop);
         },
 
-        getDropbarOffset(el) {
+        getDropbarOffset(offsetTop) {
             const { $el, target, targetY } = this;
             const { top, height } = offset(query(targetY || target || $el, $el));
-            return { left: 0, top: top + height + this.getDropdown(el)?.getPositionOffset() };
+            return top + height + offsetTop;
         },
 
         initializeDropdowns() {

package/src/js/core/height-placeholder.js

@@ -1,4 +1,4 @@
-import { css, height, query } from 'uikit-util';
+import { css, query } from 'uikit-util';
 import { resize } from '../api/observables';
 
 export default {
@@ -20,7 +20,7 @@ export default {
 
     update: {
         read() {
-            return { height: height(this.target) };
+            return { height: this.target.offsetHeight };
         },
 
         write({ height }) {

package/src/js/core/navbar.js

@@ -88,16 +88,9 @@ export default {
             }
         },
 
-        getDropbarOffset(el) {
+        getDropbarOffset(offsetTop) {
             const { top, height } = offset(this.navbarContainer);
-            return {
-                left: 0,
-                top:
-                    top +
-                    (this.dropbarTransparentMode === 'behind'
-                        ? 0
-                        : height + this.getDropdown(el)?.getPositionOffset()),
-            };
+            return top + (this.dropbarTransparentMode === 'behind' ? 0 : height + offsetTop);
         },
     },
 };