seiyria / bootstrap-slider

A slider control for Bootstrap 3 & 4.
http://seiyria.github.io/bootstrap-slider/
Other
2.99k stars 1.14k forks source link

slider not displaying tooltip on mobile #765

Open NinoSkopac opened 7 years ago

NinoSkopac commented 7 years ago

I tried both in Chrome for Android and Chrome for iPad, it doesn't display the tooltip when I drag the slider, only after pressing somewhere on the horizontal line

I recorded a video for you: https://photos.app.goo.gl/vZMeeAYlmdyWjGz62

BenasPaulikas commented 6 years ago

+1 I have same problem.

owyatt commented 5 years ago

There is a workaround to this HTML

<input type="text" name="price" id="priceSlider" />

JS

window.priceSlider = $("#priceSlider").bootstrapSlider({
    min: 0,
    max: 50,
    value: [0, 50],
    ticks: [0, 10, 25, 50],
    ticks_positions: [0, 20, 50, 100],
    ticks_labels: ['Free', '£10', '£25', '£50+'],
    range: true
  });
  $("#priceSlider").on("slideStart", function(slideEvt) {
      window.priceSlider.bootstrapSlider("showTooltip");
  });
  $("#priceSlider").on("slideStop", function(slideEvt) {
      window.priceSlider.bootstrapSlider("hideTooltip");
  });