uikit 3.21.8 → 3.21.9-dev.920aca66a

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.21.8",
+  "version": "3.21.9-dev.920aca66a",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/offcanvas.js

@@ -102,7 +102,7 @@ export default {
                 const { body, scrollingElement } = document;
 
                 addClass(body, this.clsContainer, this.clsFlip);
-                css(body, 'touch-action', 'pan-y pinch-zoom');
+                css(body, 'touchAction', 'pan-y pinch-zoom');
                 css(this.$el, 'display', 'block');
                 css(this.panel, 'maxWidth', scrollingElement.clientWidth);
                 addClass(this.$el, this.clsOverlay);
@@ -126,7 +126,7 @@ export default {
 
             handler() {
                 removeClass(document.body, this.clsContainerAnimation);
-                css(document.body, 'touch-action', '');
+                css(document.body, 'touchAction', '');
             },
         },
 

package/src/js/core/sticky.js

@@ -460,7 +460,10 @@ function parseProp(value, el, propOffset, padding) {
         const refElement = value === true ? getVisibleParent(el) : query(value, el);
         return (
             getOffset(refElement).bottom -
-            (padding && refElement?.contains(el) ? toFloat(css(refElement, 'paddingBottom')) : 0)
+            (padding && refElement?.contains(el)
+                ? toFloat(css(refElement, 'paddingBottom')) +
+                  toFloat(css(refElement, 'borderBottomWidth'))
+                : 0)
         );
     }
 }

package/src/js/util/dimensions.js

@@ -146,10 +146,10 @@ function dimension(prop) {
 export function boxModelAdjust(element, prop, sizing = 'border-box') {
     return css(element, 'boxSizing') === sizing
         ? sumBy(
-              dirs[prop].map(ucfirst),
+              dirs[prop],
               (prop) =>
-                  toFloat(css(element, `padding${prop}`)) +
-                  toFloat(css(element, `border${prop}Width`)),
+                  toFloat(css(element, `padding-${prop}`)) +
+                  toFloat(css(element, `border-${prop}-width`)),
           )
         : 0;
 }