Слипаются пиксели в браузере edge после hover, в чем проблема?

Question

[Hlib]

Здравствуйте, возникла проблема, что после hover в браузере edge слипаются пиксели (см. Скрины) и разлипляются только если убрать курсор с блока. Это какая-то специфическая ошибка или уже есть какой-нибудь костыль на этот случай?



p.s. могу повторить такую ошибку и в других браузерах при нестандартном масштабе начиная от 150%

Comments

[Юрий Уваров]

Без живого примера не разберешь, только догадки, ссылку бы.

[Hlib]

Юрий Уваров, была бы моя воля, скинул бы, но не получится, компания будет не рада если я скину свой локальный стенд куда-то :(
Так что буду рад и догадкам

[Юрий Уваров]

Так хоть верстку и css скиньте, непонятно вообще как сверстали, через table или еще как. Через table может такой баг быть.

[Hlib]

Юрий Уваров,
Тут сами эти элементы и tableRow - их обертка, вомзожно сломается из-за некорректной работы flex-basis

[Юрий Уваров]

margin-top: 1px;
margin-left: 1px;
Нужно смотреть что с ними происходит при hover
Лучше вообще не использовать margin с флексами, по крайней мере тут, как альтернатива: border-left: 1px solid #fff; border-top: 1px solid #fff;

[Hlib]

Юрий Уваров, Вынесите в ответ, что что-то не так с margin'ами, отмечу как решение. Поставил margin-top: 0 при хавере и слипаться перестало, судя по всему не происходило обновление dom и верхний элемент думал, что outline-это его территория.

Answer 1

[Юрий Уваров]

margin-top: 1px;
margin-left: 1px;
Нужно смотреть что с ними происходит при hover
Лучше вообще не использовать margin с флексами, по крайней мере тут, как альтернатива: border-left: 1px solid #fff; border-top: 1px solid #fff;