Как оставить текст доступным для выбора на перетаскиваемом элементе в Angular 2 Dragula?

Я использую dragula в приложении angular 2, и мне интересно, есть ли способ оставить текст доступным для выбора, поэтому, например, промежутки внутри перетаскиваемого элемента должны вести себя по умолчанию, поэтому вы можете выделить текст на нем. Насколько я могу сказать, кажется, что в опциях драгулы для этого нет способа. Может кто знает простой способ?


angular ng2-dragula
person Blind Despair    schedule 28.06.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Так что я думаю, что нашел решение, с которым я согласен. Я изменил параметр перемещения в сервисе dragula, чтобы он был таким

moves(element, container, handle) {
                return element.nodeName === 'my-draggable-element' && handle.nodeName !== 'span'
            }

поэтому, когда мы попытаемся перетащить наш элемент на то место, где находится span, мы не сможем этого сделать.

А затем в css я просто добавил такой код:

my-draggable-element {
    span {
        -moz-user-select: text;
        -khtml-user-select: text;
        -webkit-user-select: text;
        cursor: text;
    }
}

так что теперь текст можно выделить, и элемент по-прежнему можно перетаскивать, если мы удерживаем его на частях без текста.

person Blind Despair    schedule 28.06.2017