Отключить анимацию открытого диалога blueprintjs

Question

У меня есть диалог blueprintjs:

<BP.Dialog iconName="application" isOpen={this.state.fieldformopen} ...>

Когда поле состояния откроется, появится диалоговое окно. Но это появляется с растущей анимацией. Это проблема, так как диалог довольно полон, а анимация медленная и прекращена.

Я не вижу способа отключить анимацию. Поля transitionDuration и transitionName устанавливаются только при изменении css.

Спасибо за любую информацию, чтобы отключить анимацию.

Answer 1

Добавьте этот стиль в компонент Dialog:

style={{ transition: 'none' }}

Таким образом, ваш компонент будет выглядеть так:

<Dialog
    style={{ transition: 'none' }} >

Это удаляет растущую анимацию, но при этом сохраняет более тонкую анимацию затухания.