Questions tagged [tippyjs]
A highly customizable vanilla JS tooltip/popover library powered by Popper.js.
tippyjs
144
questions
0
votes
0
answers
12
views
Meteor - include graph (piechart) inside tooltip (tippy.js)
I would like to include two graphs inside an informative tooltip that shows up upon hovering a button.
I am using tippy.js.
The html code looks like below:
<template name="...
0
votes
0
answers
10
views
tippy-js works on my desktop with VSC and live server, not online
You can see the problem here: "https://levillagevertical.com/journaux/journaux.html". When you hover the main heading(JOURNAUX) a first tooltip is triggered (Subura News), the first instance ...
0
votes
0
answers
49
views
Find ID of element in tippy.js instance
I am using tippy.js, when I look at the instance list, I see the list of all elements.
What I want to do is to change the content of an element dynamically. I can do this with setContent. However, in ...
0
votes
0
answers
56
views
Mantine v tippy popovers and the main thread
On my page, it takes about 10 seconds for all the complex content to load. During that time, my Mantine animated popover doesn't appear until the main thread of execution stops being so busy. But my ...
0
votes
0
answers
112
views
Tippy.js - unable to destroy old tooltips
I've been creating a dynamic tippy tooltip. Every time a button is clicked, the content of the tooltip should change. What happens - every time a button is clicked, new tooltip is created and both of ...
1
vote
1
answer
44
views
How to force the tippy cloud to open?
I have a username text field and a mechanism to remove spaces in it. After moving to the next field, the tippy "spaces removed" will be displayed. The cloud is visible all the time. However, ...
0
votes
0
answers
114
views
TippyJS getReferenceClientRect not adapative on Window Resize or Scroll
I'm encountering an issue with TippyJS where the getReferenceClientRect function doesn't seem to update when the window is resized or scrolled (Not Adaptive). Here's the relevant code snippet:
{...
1
vote
0
answers
97
views
Uncaught (in promise): TypeError: tippy_js__WEBPACK_IMPORTED_MODULE_2__ is not a function
Whenever I use ngx-tiptap's floating/bubble menu like this
<tiptap-editor [editor]="editor" [(ngModel)]="value"></tiptap-editor>
<tiptap-floating-menu [editor]="...
0
votes
1
answer
114
views
How to use Button inside Tippy
I have a put a Button inside a Template that i added to my Tippy. How do i access the Button on JavaScript.
I tried using the .on('click') with JavaScript but it does'nt work.
This is my HTML
<div ...
1
vote
0
answers
31
views
How to create hover card with tippyjs (data from database)
I want to create hover card with tippyjs. I have an editor whose output is static html code. It contains anchor a tags with data-id equal to user id. I want to add tooltip to that anchor in such a way ...
0
votes
0
answers
15
views
How do disconnect tippy popup from clicked element
I'm battling Tippy popup placement problems where a portion of the popup appears outside of the viewport. I cannot make this appear in the viewport for all clicked locations (and the popped up does ...
0
votes
0
answers
66
views
tippy() showing [object Object] after passing the right object the component
I have 35 images in a section and on hovering these images I want to show a tooltip using a component. I have created a tooltip manually and using tippy.js but somehow I am facing the issue below:
It ...
0
votes
0
answers
93
views
Tippy nested tooltip - bad positioning
I have a button with a tippy tooltip, this button opens tippy dropdown and each button within this dropdown has a separate tooltip. the problem is that this last tooltip (for each dropdown item) is ...
1
vote
0
answers
1k
views
Tiptap with Tippy - bubble menu doesnt work
I'm trying to create fixed bubble menu for my node using Tippy. First of all, I wanted to create this menu using BubbleMenu extension but then it changes its location when I change the cursor position ...
1
vote
1
answer
460
views
How to make Tippy.js use existing element
I am writing an app where I use Tippy.js to create popups. My HTML code looks like this:
<popup-target popup-id="1">...</popup-target>
...
<popup-content popup-id="1"...