question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Documentation] Tooltips formatter parameters for 2 handles is not intuitive

See original GitHub issue

Hi, noUiSlider rocks!

The problem I had was that I tried to set up a custom formatter with a function(v){...} for two handles and I tried all kinds of variations, like:

tooltips: [{
  to: function(v){ return ~~v * vm.display_multiplier; },
  from: function(v){ return ~~v * vm.display_multiplier; }
}]

or

tooltips: [
  function(v){ return ~~v * vm.display_multiplier;}, 
  function(v){ return ~~v * vm.display_multiplier;}
]

but none worked of course and I had to check the source code to figure the solution that worked:

tooltips: [
  {
    to: function(v){ return ~~v * vm.display_multiplier; },
  },{
    to: function(v){ return ~~v * vm.display_multiplier; }
  }
],

Which I found very unintuitive. An example in the documentation could have saved me some time to figure this out.

What do you think?

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
leongersencommented, May 20, 2021

@d-miles Thanks for following up on this! The documented option was definitely the intent, but this wasn’t properly implemented. I’ve fixed this in noUiSlider 15.1.1.

@zsitro My apologies for not actually checking that this feature worked correctly before updating the documentation!

Thanks for contributing!

0reactions
github-actions[bot]commented, May 25, 2022

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Read more comments on GitHub >

github_iconTop Results From Across the Web

noUiSlider "Must pass a formatter for all handles" with tooltip ...
Unsure why as im copy pasting the tooltip line from the documentation. "Uncaught Error: noUiSlider: must pass a formatter for all handles."
Read more >
Tooltips in the time of WCAG 2.1 | Sarah Higley
A review of the history and current state of tooltip accessibility. ... non-inclusive tooltip have also been thoroughly documented (try this ...
Read more >
Editoria11y: Accessibility Autocorrect - Princeton University
Editoria11y is a step towards phase 2 · Making sure list formatting is used rather than asterisks, numbers and letters · LARGE QUANTITIES...
Read more >
How to Meet WCAG (Quick Reference) - W3C
How to Meet WCAG (Quick Reference). A customizable quick reference to Web Content Accessibility Guidelines (WCAG) 2 requirements (success criteria) and ...
Read more >
tooltip.formatter | highcharts API Reference
Options for the tooltip that appears when the user hovers over a series or point. animation: boolean. Since 2.3.0. Enable or disable animation...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found