@ckeditor/ckeditor5-ui 45.0.0-alpha.6 → 45.0.0-alpha.7

package/dist/index.js

@@ -15660,6 +15660,11 @@ const toPx$3 = /* #__PURE__ */ toUnit('px');
         this.listenTo(this, 'change:isActive', ()=>{
             this.checkIfShouldBeSticky();
         });
+        if (global.window.visualViewport) {
+            this.listenTo(global.window.visualViewport, 'scroll', ()=>this._updateVisualViewport());
+            this.listenTo(global.window.visualViewport, 'resize', ()=>this._updateVisualViewport());
+            this._updateVisualViewport();
+        }
     }
     /**
 	 * Analyzes the environment to decide whether the panel should be sticky or not.
@@ -15712,7 +15717,8 @@ const toPx$3 = /* #__PURE__ */ toUnit('px');
                 // @if CK_DEBUG_STICKYPANEL // );
                 // Check if sticking the panel to the bottom of the limiter does not cause it to suddenly
                 // move upwards if there's not enough space for it.
-                if (limiterRect.bottom - stickyBottomOffset > limiterRect.top + this._contentPanelRect.height) {
+                // Adding 1 avoids rounding problems and toolbar flickering when offset almost equals the height.
+                if (limiterRect.bottom - stickyBottomOffset > limiterRect.top + this._contentPanelRect.height + 1) {
                     this._stickToBottomOfLimiter(stickyBottomOffset);
                 } else {
                     this._unstick();
@@ -15783,6 +15789,12 @@ const toPx$3 = /* #__PURE__ */ toUnit('px');
 	 */ get _contentPanelRect() {
         return new Rect(this.contentPanelElement);
     }
+    /**
+	 * Sets custom CSS properties to the panel element to make it aware of the visual viewport offset.
+	 */ _updateVisualViewport() {
+        this.element.style.setProperty('--ck-visual-viewport-left', `${global.window.visualViewport.offsetLeft}px`);
+        this.element.style.setProperty('--ck-visual-viewport-top', `${global.window.visualViewport.offsetTop}px`);
+    }
 }
 
 /**