Javascript drag and drop расширяет текущий div - PullRequest
0 голосов
/ 18 июня 2019

Я делаю приложение, в котором я могу перетащить «монстра», которого я нарисовал, из одной плитки в другую. Но когда я хочу перетащить из div, где я создал монстра, на настоящую доску, вместо этого просто расширяется первый div, похоже, что изображение движется под другим div, но я не думаю, что это то, что происходит.

Плитка слева - это то место, где изначально было изображение, немного справа - плитки, которые я хочу, чтобы они были. На первой картинке изображение на моей мышке, как и должно быть. На втором рисунке моя мышь немного вправо, но, как вы можете видеть, изображение, кажется, идет «под» div справа, но на самом деле оно просто расширяет текущий div.

Я пытался искать ответы, но я не знал бы, как назвать эту проблему. Эти изображения немного визуализируют проблему. Я уже пытался установить максимальную ширину, но безрезультатно. https://imgur.com/cOLP034 https://imgur.com/w6rTjpG

Это происходит, когда «объект / изображение» перемещается

function moveAt(pageX, pageY) {
  let configuratorOffsetHeight = configuratorFormOffsetHeight - event.pageY + configuratorHeaderOffsetHeight;
  value.style.left = pageX - shiftX + 'px';
  value.style.top = pageY + configuratorOffsetHeight - shiftY + 'px';
}

1 Ответ

0 голосов
/ 18 июня 2019

Я исправил это, удалив изображение в качестве дочернего элемента из div и добавив его к «основному» div, занимающему весь экран

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...