Переход flex-basis от авто

Question

Есть ли уловка для перехода flex-basis от auto к другим значениям? Из того, что я собираю, это единственное исключение из правила ... что раздражает, потому что это, возможно, самое полезное.

Вот пример: http://codepen.io/jamiewinder/pen/WrgrEB

При нажатии на кнопку «Переключить» должен открыть ящик с помощью перехода. Прозрачность работает, но высота - определяется с помощью flex-basis - нет. Он работает, если я установил flex-basis в число пикселей, или процент, или что-то другое, кроме auto, что означает, что мне нужно знать высоту содержимого, чтобы это работало.

Я что-то упустил?

Answer 1

flex-basis может быть анимированным и переведенным (source). Однако, как и другие свойства, это можно сделать, только если вы установили значения в значения фактической длины (например, px, % и т. Д. И calc()). Более подробную информацию можно найти в this вопрос.