aw-front-helpers 2.5.1 → 2.5.3

package/classes/index.js

@@ -1,5 +1,4 @@
 module.exports.GParallax = require('./globalParallax').default;
 module.exports.Nearby = require('./nearby').default;
 module.exports.FormControl = require('./formControl').default;
-module.exports.ModelsManager = require('./modelsManager').default;
 module.exports.Sticky = require('./sticky').default;

package/classes/sticky.js

@@ -99,20 +99,9 @@ export default class Sticky extends EventEmitter {
 
   _onResize() {
     if (this._options.breakpointDisabled && window.innerWidth < this._options.breakpointDisabled) {
-      if (!this._isDisabled) {
-        this._isDisabled = true;
-        this._dom.el.classList.remove("is-sticky", "is-sticky-end");
-        this._dom.el.style.top = null;
-        this._dom.el.style.width = null;
-        this.emit('disable');
-      }
+      this._setDisabled();
       return;
     }
-    if (this._isDisabled) {
-      this._isDisabled = false;
-      this.emit('enable');
-    }
-
     this._isSticky = false;
     this._isEndSticky = false;
     this._dom.el.classList.remove("is-sticky", "is-sticky-end");
@@ -132,6 +121,14 @@ export default class Sticky extends EventEmitter {
         wrapperTop: boudingWrapper.top + this._vars.scrollY,
         wrapperHeight: boudingWrapper.height,
       };
+      if (boudingContainer.height <= boudingWrapper.height) {
+        this._setDisabled();
+        return;
+      }
+      if (this._isDisabled) {
+        this._isDisabled = false;
+        this.emit('enable');
+      }
       this._onScrollHandler();
     });
   }
@@ -141,6 +138,15 @@ export default class Sticky extends EventEmitter {
     ["_onScroll", "_onScrollHandler", "_onResize"].forEach((fn) => (this[fn] = this[fn].bind(this)));
   }
 
+  _setDisabled() {
+    if (this._isDisabled) return;
+    this._isDisabled = true;
+    this._dom.el.classList.remove("is-sticky", "is-sticky-end");
+    this._dom.el.style.top = null;
+    this._dom.el.style.width = null;
+    this.emit('disable');
+  }
+
   _grabDom() {
     this._dom = {};
     this._dom.el = this._options.el.querySelector("[data-sticker-element]");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aw-front-helpers",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "description": "Assets helpers for projects",
   "author": "Yoann Le Poupon",
   "license": "ISC",

package/stylesheets/_sticky.scss

@@ -3,12 +3,12 @@
 }
 [data-sticker-element] {
   &.is-sticky {
-    position: fixed;
+    position: fixed !important;
     z-index: 3;
   }
 
   &.is-sticky-end {
-    position: absolute;
+    position: absolute !important;
     bottom: 0;
     top: auto;
   }