Не меняется курсор в FireFox

#css #firefox

По событию mousedown создаётся под указателем новый элемент со своим набором стилей,
в том числе собственный вид курсора.



$(document).ready(function() {
  $("input").on("mousedown", function() {
    $("body").append("
")
  });
  $(document).on("mouseup", function() {
    $("div.resizable").remove();
  });
});
.resizable {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: move;
  background: #eee;
}






В Chrome и IE всё работает как надо, а вот Firefox вредничает: курсор остаётся тем
же, что был до mousedown.
    

Ответы

Ответ 1

Судя по всему, FF показывает курсор input'а до тех пор, пока нажата кнопка.
Можно попробовать исправить так (но код с mouseup кривой - надеюсь, он тут для примера):



$(document).ready(function() {
  $("input").on("mousedown", function() {
    $(this).addClass("move-cursor")
    $("body").append("
")
  });
  $(document).on("mouseup", function() {
    $(this).removeClass("move-cursor")
    $("div.resizable").remove();
  });
});
.resizable {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: move;
  background: #eee;
}

.move-cursor {
  cursor: move;
}