@egjs/flicking 4.11.3-beta.2 → 4.11.3-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.11.3-beta.2",
+	"version": "4.11.3-beta.4",
 	"description": "Everyday 30 million people experience. It's reliable, flexible and extendable carousel.",
 	"main": "dist/flicking.cjs.js",
 	"module": "dist/flicking.esm.js",

package/src/Flicking.ts

@@ -1503,6 +1503,9 @@ class Flicking extends Component<FlickingEvents> {
 
     viewport.resize();
     await renderer.forceRenderAllPanels(); // Render all panel elements, to update sizes
+    if (!this._initialized) {
+      return;
+    }
     renderer.updatePanelSize();
     camera.updateAlignPos();
     camera.updateRange();
@@ -1511,6 +1514,9 @@ class Flicking extends Component<FlickingEvents> {
     camera.updatePanelOrder();
     camera.updateOffset();
     await renderer.render();
+    if (!this._initialized) {
+      return;
+    }
 
     if (control.animating) {
       // TODO:

package/src/camera/Camera.ts

@@ -404,9 +404,11 @@ class Camera {
    */
   public findActiveAnchor(): AnchorPoint | null {
     const flicking = getFlickingAttached(this._flicking);
-    const activeIndex = flicking.control.activeIndex;
+    const activePanel = flicking.control.activePanel;
+
+    if (!activePanel) return null;
 
-    return find(this._anchors, anchor => anchor.panel.index === activeIndex);
+    return find(this._anchors, anchor => anchor.panel.index === activePanel.index) ?? this.findNearestAnchor(activePanel.position);
   }
 
   /**

package/src/control/SnapControl.ts

@@ -95,7 +95,7 @@ class SnapControl extends Control {
       return Promise.reject(new FlickingError(ERROR.MESSAGE.POSITION_NOT_REACHABLE(position), ERROR.CODE.POSITION_NOT_REACHABLE));
     }
 
-    const snapThreshold = this._calcSnapThreshold(position, activeAnchor);
+    const snapThreshold = this._calcSnapThreshold(flicking.threshold, position, activeAnchor);
 
     const posDelta = flicking.animating
       ? state.delta
@@ -210,7 +210,7 @@ class SnapControl extends Control {
     return adjacentAnchor;
   }
 
-  private _calcSnapThreshold(position: number, activeAnchor: AnchorPoint): number {
+  private _calcSnapThreshold(threshold: number, position: number, activeAnchor: AnchorPoint): number {
     const isNextDirection = position > activeAnchor.position;
     const panel = activeAnchor.panel;
     const panelSize = panel.size;
@@ -222,9 +222,9 @@ class SnapControl extends Control {
      * |<------>|<------------>|
      * [        |<-Anchor      ]
      */
-    return isNextDirection
+    return Math.max(threshold, isNextDirection
       ? panelSize - alignPos + panel.margin.next
-      : alignPos + panel.margin.prev;
+      : alignPos + panel.margin.prev);
   }
 }