# ui/bindings/csstransitiondisablermixin

module

<a id="classes">

## Classes

<a id="class-ViewWithCssTransitionDisabler">

### [ViewWithCssTransitionDisabler](module_ui_bindings_csstransitiondisablermixin-ViewWithCssTransitionDisabler.md)

<a id="type-definitions">

## Type Definitions

<a id="typedef-CssTransitionDisablerMixinConstructor">

### `CssTransitionDisablerMixinConstructor`

<a id="functions">

## Functions

<a id="function-CssTransitionDisablerMixin">

### `CssTransitionDisablerMixin( view ) → CssTransitionDisablerMixinConstructor<Base>`

A mixin that brings the possibility to temporarily disable CSS transitions using [`View`](module_ui_view-View.md) 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.

The methods to control the CSS transitions are:

* `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the [view element](module_ui_view-View.md#member-element).
* `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the [view element](module_ui_view-View.md#member-element).

The usage comes down to:

```typescript
const MyViewWithCssTransitionDisabler = CssTransitionDisablerMixin( MyView );
const view = new MyViewWithCssTransitionDisabler();

// ...

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

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-ui/src/bindings/csstransitiondisablermixin.ts#L52)

#### Type parameters

* `Base: extends Constructor<View<HTMLElement>>`

#### Parameters

* `view: Base`

  View instance that should get this functionality.

#### Returns

* `CssTransitionDisablerMixinConstructor<Base>`

---

Full index of the CKEditor 5 API reference: [llms.txt](llms.txt)