Почему в ие 11 при клике на кнопку с иконкой, иконка дергается?

Question

[lavezzi1]

Здравствуйте. Собственно вопрос в заголовке. Все параметру у кнопки сброшены, типа обводка, отступы и т.д. Свг иконка вставлена через свг символы. При клике на кнопку иконка как бы вниз сползает. У спана такого нет.

Comments

[DTX]

Ну тип кнопка нажимается, нет?)

Answer 1

[Aleksey Chernikov]

Если не ошибаюсь, то у IE есть такая особенность работы button. При :active происходит "системная" имитация нажатия и SVG здесь не при чём. Если поместите простой текст в кнопку, произойдет то же самое.

Починить (JSFiddle) можно, если содержимое кнопки обернуть в дополнительный тег и задать:

position: relative;
left: 0;
top: 0;

А ещё можно просто заменить button на тег a, или оставить всё как есть и забить на IE-юзеров.

Comments

[lavezzi1]

Сенкс!

Answer 2

[Артём Цымбалюк]

$("img, a").on("dragstart", function(event) { event.preventDefault(); });