Почему не успевают пересчитаться размеры css?

Question

[Артём Щурин]

Доброе утро!
Решаю задачу по ресайзу рабочей области, в которой находится svg карта

<div class="main-wrapper">
    <div class="navigation-block"></div>
    <div class="main-block"></div>
  </div>

Тянем $('.main-block') на всю ширину экрана, убираем у него padding-left, и скрываю $('.navigation-block').
Дальше идут расчёты по позиционированию контейнера svg, на этом этапе отталкивюсь от ширины $('.main-block'), которая не успевает измениться к моменту расчётов, если этоn этапj обернуть в таймаут более 300 мс, ширина $('.main-block') такая как нужно.

куда смотреть, с чем связана задержка в изменении стилей?

Comments

[Дмитрий Кравченко]

css transition на .main-block не стоит?

[Артём Щурин]

На .main-wrapper
Спасибо)

Answer 1

[alveryu]

Использовать таймауты не комильфо для отслеживания. Может для наглядности пришлете исходник на js fiddle? Смотрите в сторону событий on load jquery