Почему форма постоянно выезжает и заезжает?

Question

[Дмитрий]

Здравствуйте! Подскажите, пожалуйста, почему форма при наведении на кнопку бесконечно выезжает и заезжает?
https://jsfiddle.net/cpss55r1/1/

Answer 1

[Дмитрий]

Решил так. Сделал по клику. https://jsfiddle.net/cpss55r1/10/

Answer 2

[Пащук Илья]

Вам все проще сделать на чистом css, толку заморачиватся с js
через trasform: translate(), ну или left:0; transition: left .8s;
ну а пригает скорее всего что вы обернули функции, попробуйте сделать ток действие на кнопку а не навесь блок и через класс модификатор

#feedback:hover{
      /* transform: rtanslate */
      left:0;
      transition: left .8s;
    }
      #feedback:hover a{
        left:526px;
        transition: left .8s;
      }

Comments

[Дмитрий]

Пащук Илья спасибо за ответ. Но такой вариант не подходит. Дело в том, что ссылка position:fixed; left: 0;
А форма position: absolute. И если применить Ваш вариант, и прокрутить сайт, на котором это применяется, вниз, то получается форма всплывает за экраном. А если форме задать fixed, то на более маленьких экранах половины формы не будет видно и прокрутить не получится.

Answer 3

[Froggyweb]

focus теряется с сssбудет тоже самое.