При ховере стрелки скачут, как поправить?

Question

[fantastikgodd]

https://jsfiddle.net/xnz7458s/2/

Answer 1

[ThunderCat]

как поправить?

Открыть инспектор, навести на элемент, посмотреть что в стилях меняется (например добавляется бордер к элементу или еще что происходит), дальше много думать, потом поправить.

Comments

[fantastikgodd]

ThunderCat, смотрел. вроде ничего такого
или плохо смотрел?

[ThunderCat]

fantastikgodd, 200% плохо... вообще надо понимать что изменения могут быть в любом из группы элементов составляющих какой-то визуальный контейнер. Соответственно проверять надо все по иерархии, от внутреннего к внешним контейнерам.

[ThunderCat]

fantastikgodd, как минимум вижу 2 разных стиля позиционирования для .ui-datepicker .ui-datepicker-next и .ui-datepicker .ui-datepicker-next-hover

Answer 2

[Стефан]

У вас бордер добавляется к кнопке, вот и скачет

Comments

[fantastikgodd]

Стефан, а как увидели? я вроде пробую
не могу найти

[Стефан]

fantastikgodd, ой, я вас чуть обманул, вообщем кнопка у вас это тег "a", и к ней по mouseover добавляется класс "ui-datepicker-next-hover", и он как раз двигает кнопку на 1px меняя pyfxtybt right у кнопки с 2px на 1px