Вертикальный слайдер $.noUiSlider с максимальным значением сверху и минимальным значением снизу

Question

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

noUiSlider.create(document.getElementById('slider-range'), {
  start: [20, 50],
  direction: 'rtl',
  orientation: 'vertical',
  tooltips: [true,true],
  range: {
    'min': [ 10 ],
    'max': [ 90 ]
  }});

Это вывод, который я получаю

Answer 1

Вы должны попробовать без [и], который окружает ваши минимальные и максимальные значения:

   noUiSlider.create(document.getElementById('slider-range'), {
      start: [20, 50],
      direction: 'rtl',
      orientation: 'vertical',
      tooltips: [true,true],
      range: {
        'min': 10,
        'max': 90
      }})

Демонстрация здесь: https://codepen.io/andreds/pen/BJdYqx

Более подробная информация и документация здесь: https://refreshless.com/nouislider/