Polymer - Использование сортируемого списка и ползунка Inpurt - PullRequest
Новая
       25

Polymer - Использование сортируемого списка и ползунка Inpurt

0 голосов
/ 23 апреля 2019

Мне действительно нужна помощь для моей текущей проблемы.

Я использую Polymer с компонентом Sortable-JS и Paper-slider.

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

Однако, когда я использую мое событие touch (один палец) на ползунке для изменения значения, компонент ползунка ввода перемещается в списке. Это вещь, которую я хочу перетащить компонент слайдера в список Я пытался использовать evt.stopPropagation (), но не повезло. Я не мог найти решение этого.

Я пытался использовать свойство Filter из Sortable-JS. Он исправил мою проблему с touch , чтобы не перетаскивать компонент в списке, но он создал проблему с mouse , которая вообще не позволяла мне изменять входное значение для перемещения ползунка. 

<link rel="import" href="../bower_components/polymer-sortablejs/polymer-sortablejs.html"/>
<link rel="import" href="../bower_components/paper-slider/paper-slider.html">

<dom-module id="demo">
  <template>      
    <h3>TEST- Sortable JS & Paper-Slider</h3>

    <sortable-js>
        <paper-slider min="0" max="1" step="0.01"></paper-slider>
    </sortable-js>

  </template>

  <script>
    Polymer({
      is: "demo"
    });
  </script>
</dom-module>

Перемещение слайдера на ощупь должно быть таким же, как и у мыши. Я хочу изменить входное значение, не конфликтуя, чтобы переместить его в сортируемый список.

Спасибо.

...