calc-size()

قبلا توی این پست یه راه حل برای اعمال ترنزیشن روی

height: auto;

گفته بودم، ولی بالاخره بعد مدت‌ها مثل اینکه کارمون آسون شده‌.

یه تابع جدید به اسم calc-size اومده که اگه تو ورودی بهش auto رو بدیم، میاد مقدار auto رو مشخص میکنه و بهمون برمیگردونه‌.

یعنی جای همه اینکارا کافیه فقط

.box {
height: 200px;
overflow: hidden;
transition: 300ms
}

.box.active {
height: calc-size(auto);
}

اینکارو بکنیم، البته فعلا وضعیت ساپورت مرورگرش خوب نیست. (اصلا خوب نیست)

@CleverDevs - @CleverDevsGp