Баганный ползунок?

Question

[Alibek Kulseitov]

Не могу понять. Я сверстал и один чувак сделал мне js для range slider. Но вы попробуйте покрутить ползунок он как-то странно ведет себя, тяжело его в фокус взять. В чем может быть проблема? ссылка

Comments

[Владислав Лысков]

.calc__range-handle
добавь z-index: 1

Answer 1

[Семен Кузнецов]

Ползунок нормальный нужно запретить выделение текста.

У тебя при перетаскивании ползунка выделяется текст. То есть я промахиваюсь по ползунку, так как у него размашистый hover эффект и при попытке перетащить ползунок выделяю текст.

Далее я пытаюсь перетащить другой ползунок и опять из за эффекта промахиваюсь и тащу весь выделенный текст.

Просто запрети выделение текста в этом блоке на js. Вариант еще проще на css

<style type="text/css">
        .calc__inner {
            /**
             * Для эксплорера
             */
            -ms-user-select: none;

            /**
             * Для мозилы
             */
            -moz-user-select: none;

            /**
             * Для конкверора
             */
            -khtml-user-select: none;

            /**
             * Для Сафари и Хрома
             */
            -webkit-user-select: none;
        }
    </style>