diff --git a/src/toolbar/toolbarview.js b/src/toolbar/toolbarview.js index 6320225f..344f2a0b 100644 --- a/src/toolbar/toolbarview.js +++ b/src/toolbar/toolbarview.js @@ -14,7 +14,7 @@ import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker'; import FocusCycler from '../focuscycler'; import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler'; import ToolbarSeparatorView from './toolbarseparatorview'; -import getResizeObserver from '@ckeditor/ckeditor5-utils/src/dom/getresizeobserver'; +import ResizeObserver from '@ckeditor/ckeditor5-utils/src/dom/resizeobserver'; import preventDefault from '../bindings/preventdefault.js'; import Rect from '@ckeditor/ckeditor5-utils/src/dom/rect'; import global from '@ckeditor/ckeditor5-utils/src/dom/global'; @@ -494,7 +494,7 @@ class DynamicGrouping { * **Note:** Created in {@link #_enableGroupingOnResize}. * * @readonly - * @member {module:utils/dom/getresizeobserver~ResizeObserver} + * @member {module:utils/dom/resizeobserver~ResizeObserver} */ this.resizeObserver = null; @@ -580,7 +580,7 @@ class DynamicGrouping { // so let's make sure it's actually destroyed along with the toolbar. this.groupedItemsDropdown.destroy(); - this.resizeObserver.disconnect(); + this.resizeObserver.destroy(); } /** @@ -683,7 +683,7 @@ class DynamicGrouping { let previousWidth; // TODO: Consider debounce. - this.resizeObserver = getResizeObserver( ( [ entry ] ) => { + this.resizeObserver = new ResizeObserver( this.viewElement, entry => { if ( !previousWidth || previousWidth !== entry.contentRect.width ) { this._updateGrouping(); @@ -691,8 +691,6 @@ class DynamicGrouping { } } ); - this.resizeObserver.observe( this.viewElement ); - this._updateGrouping(); }