Как адаптировать боковое меню?

Question

[Айнур Ярулин]

Здравствуйте, вообщем есть боковое меню, которое должно автоматически уменьшатся,
если высота контейнера больше его длинны, вот так это должно выглядеть

контейнер — в красной рамке
левое меню — в белой рамке





Сейчас я просто при событии 'resize' вешаю класс portrait на контейнер когда высота больше длинны,
но проблема в том, что когда я начинаю менять размер окна, то происходит момент, в котором меню начинает
вот так колбасить

Как это выглядит (Видео): https://skr.sh/v5PWcsf0kou

Может кто знает как убрать эту проблему? Помогите пожалуйста.

P.S Если что media запросы не подходят в моём случае

Comments

[Ankhena]

Логично.
Срабатывает условие при котором панелька уменьшается => ширина контейнера за счет этого увеличивается => условие перестает выполняться => панелька расширяется обратно. И так по кругу.

[Айнур Ярулин]

Ankhena, ну да, это я понимаю, но как исправить?)

[Ankhena]

squadbrodyaga, после первого срабатывания перестать изменять при продолжении ресайза в том же направлении

[Айнур Ярулин]

Ankhena, я еще не сталкивался с таким, можешь пожалуйста помочь? Хотя бы подскажи
про что нужно прочитать

Если что сейчас моя функция выглядит так:

window.onresize = function() {
  if (container.offsetWidth >= container.offsetHeight) {
    leftmenu.classList.remove('mobile')
  } 
  else {
    leftmenu.classList.add('mobile')
  }
}

[Ankhena]

squadbrodyaga, после того как выполнилось условие меняем какую-нибудь переменную с 0 на 1.
По дороге проверяем старую ширину окна и новую. Записываем в какую сторону было движение в момент срабатывания условия. Если и дальше оно идет в ту же сторону, то ничего не делаем. Если оно изменилось, то начинаем проверять.

Но вообще-то мне не кажется, что ширина панельки не должна зависеть от пропорций контейнера рядом. Скорее уж от ширины окна.
Хотя, возможно, в контейнере что-то такое сложено, что ему важны пропорции родителя.

[Айнур Ярулин]

Ankhena, попробую разобраться, спасибо)