@egjs/flicking 4.11.4 → 4.11.5-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.11.4",
+	"version": "4.11.5-beta.0",
 	"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

@@ -218,6 +218,7 @@ class Flicking extends Component<FlickingEvents> {
    * @see Viewport
    */
   public get viewport() { return this._viewport; }
+  public get autoResizer() { return this._autoResizer; }
   // Internal States
   /**
    * Whether Flicking's {@link Flicking#init init()} is called.

package/src/core/AutoResizer.ts

@@ -36,7 +36,11 @@ class AutoResizer {
         ? new ResizeObserver(this._skipFirstResize)
         : new ResizeObserver(this._onResize);
 
-      resizeObserver.observe(flicking.viewport.element);
+      [
+        flicking.viewport.element,
+        ...(flicking.camera.element ? [flicking.camera.element] : []),
+        ...flicking.panels.map(panel => panel.element),
+      ].forEach((element) => { resizeObserver.observe(element) });
 
       this._resizeObserver = resizeObserver;
     } else {
@@ -68,7 +72,6 @@ class AutoResizer {
     const flicking = this._flicking;
     const resizeDebounce = flicking.resizeDebounce;
     const maxResizeDebounce = flicking.maxResizeDebounce;
-
     if (resizeDebounce <= 0) {
       void flicking.resize();
     } else {

package/src/renderer/Renderer.ts

@@ -335,6 +335,10 @@ abstract class Renderer {
     // Update camera & control
     this._updateCameraAndControl();
 
+    if (flicking.autoResize) {
+      flicking.autoResizer.enable();
+    }
+
     void this.render();
 
     if (!flicking.animating) {