ui/bindings/injectcsstransitiondisabler

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

Functions

• injectCssTransitionDisabler( view )module:ui/bindings/injectcsstransitiondisabler~injectCssTransitionDisabler

  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.