Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Request] Tooltip container option #1016

Open
mafar opened this issue Sep 3, 2019 · 2 comments
Open

[Request] Tooltip container option #1016

mafar opened this issue Sep 3, 2019 · 2 comments
Labels
Feature Feature requests/suggestions

Comments

@mafar
Copy link

mafar commented Sep 3, 2019

Dear Devs,
I am using noUiSlider in my app as followed.

  1. App has ui-layout,
  2. Inside layout, there are tabs
  3. Inside each tab there is form
  4. When Slider is first item of the form, tooltip gets cut

It will be helpful if there is container option for tooltip where tooltip can be appended.
For my all other form elements, i have plugins which provide container option and they work !!!
thankx

Image:
image

@leongersen
Copy link
Owner

You can move the tooltip to any other container by moving it in the DOM: container.append(slider.querySelector('.noUi-tooltip')).

@mafar
Copy link
Author

mafar commented Sep 4, 2019

@leongersen
Plz see fiddle: https://codepen.io/mafar/pen/ZEzXxmG?editors=0010

I tried to mimic situation by creating <div id="tooltip_container"></div> in body

I tried appending tooltip intooltip_containe but how can I set left and top for tooltip so that it is attached to handle ?

@leongersen leongersen added the Feature Feature requests/suggestions label Dec 4, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature Feature requests/suggestions
Projects
None yet
Development

No branches or pull requests

2 participants