Form Range [no UI slider ] tooltips with longer values

var slider = document.getElementById('priceSlider');

        noUiSlider.create(slider, {
            start: [0, 50000],
            tooltips: true,
            connect: false,
            step: 500,
            range: {
                'min': 0,
                'max': 50000
            },
            format: wNumb({
                decimals: 2,
                thousand: '.',
                postfix: ' $.',
            })
        });

in this case the number doesnt fit into the tooltip. Tested with chrome.

Is this a bug, or there is an css fix I have to apply for myself ?

//also does anyone knows how to add labels to this noUI slider ?

[joglr]

@joglr The code snippet not available anymore and I’m facing the exact same problem. Do you, by any change, still have the code after 5 years? xD

I changed my username since then, I’ve fixed the link above. Hope you can use it!

[ZeCarlosCoutinho]

@joglr The code snippet not available anymore and I’m facing the exact same problem. Do you, by any change, still have the code after 5 years? xD