Created flex example for sizing editor element.

ckeditor · Oct 26, 2017 · d4d84b5 · d4d84b5
1 parent 94417e9
commit d4d84b5
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/editorui/boxed/boxededitoruiview.js b/src/editorui/boxed/boxededitoruiview.js
@@ -47,6 +47,8 @@ export default class BoxedEditorUIView extends EditorUIView {
 		 */
 		this.main = this.createCollection();
 
+		const bind = this.bindTemplate;
+
 		this.template = new Template( {
 			tag: 'div',
 
@@ -59,7 +61,11 @@ export default class BoxedEditorUIView extends EditorUIView {
 				role: 'application',
 				dir: 'ltr',
 				lang: locale.lang,
-				'aria-labelledby': `cke-editor__aria-label_${ ariaLabelUid }`
+				'aria-labelledby': `cke-editor__aria-label_${ ariaLabelUid }`,
+				style: {
+					width: bind.to( 'width', value => `${ value }` ),
+					height: bind.to( 'height', value => `${ value }` )
+				}
 			},
 
 			children: [