Элементы с нежелательным перетаскиваемым поведением - PullRequest
Новая
       8

Элементы с нежелательным перетаскиваемым поведением

0 голосов
/ 22 января 2019

в этом фрагменте я создал сетку 4x4

Эта сетка имеет какое-то странное поведение: когда вы «намазываете» какую-то плитку и затем перемещаете мышь, сетка действует как перетаскиваемое изображение (но невсе плитки "путешествуют" с полупрозрачной обратной связью перетаскивания ...).

Как я могу предотвратить такое поведение? 

.line{
white-space:nowrap;
}
.tile{
width:25px;
height:25px;
border:1px solid black;
display:inline-block;
vertical-align: bottom;
}
*{
margin:0;
padding:0;
}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
    <div class="line"><div class="tile"></div><div class="tile"></div><div class="tile"></div><div class="tile"></div></div>
  </body>
</html>

1 Ответ

0 голосов
/ 22 января 2019

Выясните, что это, кажется, выбор, который делает элементы перетаскиваемыми (странно, потому что это происходит, даже если ничего не было выделено (выделено))

Рабочее решение состоит в том, чтобы предотвратить выбор элементов следующим образом: 

.tile, .tile::after, .tile::before {
-webkit-user-select: none;
-webkit-user-drag: none;
-webkit-app-region: no-drag;
cursor: default;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...