Как убрать скачок страницы?

Question

[Ivan Ivanovich]

Здравствуйте, есть код - https://jsfiddle.net/0omfs1h9/

Это набросок поиска по странице. Элементы li формируются динамически, поэтому страница сильно прыгает, подскажите пожалуйста, как можно решить эту проблему?

Answer 1

[Pashok Doom]

добавляй li в цикле с интервалом, или ограничь ul по высот и после добавления всех li плавно раскрывай его

Comments

[Ivan Ivanovich]

Pashok Doom я делаю ul height 0, после добавления auto, даже с transition переход резкий, это можно исрпавить если фиксированную высоту задать, но может есть способ поэлегантней?

[strelok011]

транзишн для размеров авто не работает.
Если нужен результат - либо считать по кол-ву li (все li имеют фиксированную высоту, к примеру), либо рендерить результат в стороннем скрытом блоке (visibility hidden, position abs, left -1000000) , получать его результирующую высоту, назначать инлайн-стилем на блок аккордеона... ну вы надеюсь поняли.
По другому транзишн не забороть.
Либо делать min-height от фонаря для конечного положения и надеяться, что контент не подведет. Но это будет фигня а не результат.