Вот после таких необдуманных ответов потом никто другой на вопрос уже нормально не отвечает, так как думают, что всё так элементарно и ответ уже есть.... Бесит жутко.
Андрей: что он верно подсказал, лол? Если сделать так, то блок всегда будет обрезаться, а мне нужно чтобы он обрезался только при наведение мыши И ВО ВРЕМЯ УГАСАНИЯ БЛЮРА.
"так как когда мышка не наведена контент блока может выходить за его границы"
Когда мышь не наведена на блок и когда анимация закончилась - должно быть overflow: visible;
MaxKorz: в devtools посмотрел. Во вкладке layers. К примеру боковое меню перерисовывается по 30-40 раз в секунду, когда с ним абсолютно ничего не происходит. Без canvas с ним всё в порядке. Без canvas оно собственно даже на отдельный слой не выносится.
MaxKorz: ты не понял. Фон то пусть перерисовывается. Меня волнует то что вместе с ним перерисовыввается всё что находится над ним, хотя оно от него вроде никак не зависит.
xmoonlight: впринципи я так понимаю подход может быть такой. Выношу стили размеров всех элементов в style блок с тими же vh, vw. При старте js быстренько парсит этот блок и заменяет все значения vh и vw на соответствующие правильно округлённые значения в пикселях.
xmoonlight: проблема в том, что у меня этот баг всплывает далеко не в одном месте и всегда при разных обстоятельствах и в некоторых случая обойти его значительно сложнее
