Merging overlapping tooltip position is off

[bjarnef]

When merging overlapping tooltips was introduced it looked great #1032
https://refreshless.com/nouislider/examples/#section-merging-tooltips

But it seems something has changed in recent updates as the position is off.

The example here is based on v15.6.0

chrome_0D6VrS22Jd.mp4

When I revert back to v15.4.0 it starts working again.

chrome_RQzlmNp2Xz.mp4

Not sure which change broke this feature though, but it seems to be related to one on the changes v15.5.0 where I could reproduce the issue as well.

[leongersen]

This is an unfortunate side effect of a compatibility fix in 15.5.0.

TLDR: these changes in the default stylesheet need to be incorporated in your overriding styles.

See #1167 for more discussion on this.

[bjarnef]

Yes, we include the nouislider.min.css and overwrite a bit of the styling.
But not regarding height and width on .@{noUi-css-prefix}-connect and .@{noUi-css-prefix}-origin

a1f8f17

When I remove the custom stylesheet overwriting the default CSS I still get this:

chrome_3MRYbETrLe.mp4

What am I missing?

[leongersen]

The example on merging overlapping tooltips was also updated to accommodate for the sizing changes, you'll want to upgrade that, too. I'll make sure to flag that in the changelog.

[bjarnef]

@leongersen yes, that was it. Thanks! 😁

I also originally added this: #1032 (comment)
So if handle A and handle B are located at same value there is only a single value in tooltip.

In the example it looks like this:

[github-actions]

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.