У меня есть FocusPanel, который при нажатии добавляет к себе новые элементы/виджеты, увеличивая его высоту. Обратите внимание, что в css FocusPanel нет явного изменения высоты, высота просто увеличивается в результате добавления новых элементов внутри панели.
Я хотел бы, чтобы это увеличение высоты происходило за счет плавного перехода, но я не уверен, как этого добиться.
Я попытался применить css transition: height 2s;
к FocusPanel, а также ко всем другим элементам/виджетам, которые я добавляю к нему. Но вроде не работает, перехода нет вообще. Я предполагаю, что это связано с тем, что высота увеличивается не в результате изменения свойства css, а просто путем добавления дополнительных элементов в контейнер.
Как правильно добиться плавного перехода высоты при программном добавлении новых элементов в панель? Спасибо!
PS. Хорошим примером того, чего я хотел бы добиться, является то, как твиттер обрабатывает переход высоты панели, когда кто-то нажимает на твит.