Update the UI on window resize

Fixes #513
liferay · Apr 30, 2016 · 7cdbddc · 7cdbddc
1 parent 98f297b
commit 7cdbddc
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/ui/react/src/adapter/alloy-editor.js b/src/ui/react/src/adapter/alloy-editor.js
@@ -88,6 +88,8 @@
 
                 nativeEditor.destroy();
             }
+
+            window.removeEventListener('resize', this._resizeEventListener);
         },
 
         /**
@@ -160,15 +162,23 @@
 
                 uiNode.appendChild(editorUIElement);
 
+                var eventsDelay = this.get('eventsDelay');
+
                 this._mainUI = ReactDOM.render(React.createElement(AlloyEditor.UI, {
                     editor: this,
-                    eventsDelay: this.get('eventsDelay'),
+                    eventsDelay: eventsDelay,
                     toolbars: this.get('toolbars')
                 }), editorUIElement);
 
                 this._editorUIElement = editorUIElement;
 
                 this.get('nativeEditor').fire('uiReady');
+
+                this._resizeEventListener = CKEDITOR.tools.debounce(function() {
+                    this._mainUI.forceUpdate();
+                }, eventsDelay, this);
+
+                window.addEventListener('resize', this._resizeEventListener);
             }
         },