diff --git a/src/utils.js b/src/utils.js
index 6046fa0f..9eb3482c 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -53,7 +53,7 @@ export function isWidget( element ) {
*/
export function toWidget( element, writer, options = {} ) {
writer.setAttribute( 'contenteditable', 'false', element );
- writer.addClass( WIDGET_CLASS_NAME, element );
+ writer.addClass( [ 'ck', WIDGET_CLASS_NAME ], element );
writer.setCustomProperty( widgetSymbol, true, element );
element.getFillerOffset = getFillerOffset;
@@ -142,7 +142,7 @@ export function getLabel( element ) {
* @returns {module:engine/view/editableelement~EditableElement} Returns same element that was provided in `editable` param.
*/
export function toWidgetEditable( editable, writer ) {
- writer.addClass( 'ck-editable', editable );
+ writer.addClass( [ 'ck', 'ck-editable' ], editable );
// Set initial contenteditable value.
writer.setAttribute( 'contenteditable', editable.isReadOnly ? 'false' : 'true', editable );
diff --git a/tests/utils.js b/tests/utils.js
index 76a52d1c..1a646ebb 100644
--- a/tests/utils.js
+++ b/tests/utils.js
@@ -139,6 +139,7 @@ describe( 'widget utils', () => {
} );
it( 'should add proper class', () => {
+ expect( element.hasClass( 'ck' ) ).to.be.true;
expect( element.hasClass( 'ck-editable' ) ).to.be.true;
} );
diff --git a/tests/widget.js b/tests/widget.js
index 3f4c54d7..5da41718 100644
--- a/tests/widget.js
+++ b/tests/widget.js
@@ -184,7 +184,7 @@ describe( 'Widget', () => {
setModelData( model, '[
foo
' + - ' ' + - ' ' + + ' ' + + ' ' + ']' ); } ); @@ -218,7 +218,7 @@ describe( 'Widget', () => { setModelData( model, 'foo
[ ]' + 'foo
[ ]' ); model.change( writer => { @@ -226,7 +226,7 @@ describe( 'Widget', () => { } ); expect( getViewData( view ) ).to.equal( - '{}foo
' + '{}foo
' ); } ); @@ -234,7 +234,7 @@ describe( 'Widget', () => { setModelData( model, '