CKEditor Ecosystem Documentation
Search
⚠️ WarningNightly documentation ahead. Switch to the stable editor documentation.
Home/CKEditor 5/API
Module

ui/bindings/injectcsstransitiondisabler

@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler

module

Filtering

Functions

  • injectCssTransitionDisabler( view )

    A decorator that brings the possibility to temporarily disable CSS transitions using View methods. It is helpful when, for instance, the transitions should not happen when the view is first displayed but they should work normal in other cases.

    See source

    The methods to control the CSS transitions are:

    • disableCssTransitions() – Adds the .ck-transitions-disabled class to the view element.
    • enableCssTransitions() – Removes the .ck-transitions-disabled class from the view element.

    Note: This helper extends the template and must be used after setTemplate is called:

    import injectCssTransitionDisabler from '@ckeditor/ckeditor5-ui/src/bindings/injectcsstransitiondisabler';

class MyView extends View {
	constructor() {
		super();

		// ...

		this.setTemplate( { ... } );

		// ...

		injectCssTransitionDisabler( this );

		// ...
	}
}

    The usage comes down to:

    const view = new MyView();

// ...

view.disableCssTransitions();
view.show();
view.enableCssTransitions();

    Parameters

    view : View

    View instance that should get this functionality.