Почему из-за vue меняет свое значение height в chrome?
При скрещивании верстки, которая сделана ну +- нормально, с кодом на vue.js 3 возникает проблема что в первой секции, где использовано min-height: 100vh почему-то становится ооочень высоким, причем это наблюдается только в браузере chrome, в остальных что-то другое едет. Причем при отключении vue.js ничего не едет и встает все на места. Впринципе вся страница какая-то другая, шрифт меньше становятся.
На vue.js написана небольшая форма в середине сайта. Ссылка на сайт
Виноват chunk-vendors.cda6abe8.css, т.е. css собранный из использованных библиотек. Там у вас и normalize.css включён и ещё чёрт знает что.
В высоте конкретно виновата вот эта строчка оттуда:
body, html {
height: 100%;
}
но там ещё много всякого.
Смотрите какие библиотеки вы для формы использовали и выкиньте их на мороз, т.к. они не предусматривают работу Vue во внедряемом виде.
Навряд тут дело в самом Vue. У вас что-то со стилями не то. Предположу что height: 100% работает с flexbox не так как вы ожидаете. Вот и получается. К слову, наблюдаю этот баг в Firefox
