Popper.js is a javascript library, consider also adding the Javascript tag. Popper.js used in web applications to position poppers, an element on the screen which "pops out" from the natural flow like tooltips, popovers, drop-downs. With no dependencies, no jQuery, no LoDash, it's used by Twitter in Bootstrap v4, Microsoft in WebClipper, and Atlassian in AtlasKit.
Questions tagged [popper.js]
380 questions
0
votes
1 answer
Why is tooltip misplaced?
I know that maybe it's something stupid but I can't get my tooltips in the right position, they are always off position
I've looked up here for answers and I tried changing the scripts order, adding others scripts, taking out scripts, and so on,…
Manuel Gonçalves
- 79
- 10
0
votes
2 answers
fullcalendar failure parsing json when adding eventRender with popper.js
I'm trying to add a FullCalender to my page with the events from a Google Calendar. When I don't include the eventRender, it shows the events, but takes me to Google Calendar when I click on them. When I add the eventRender to get the event…
2abysses
- 101
- 1
- 7
0
votes
1 answer
Getting "cannot read proper 'popperRef' of undefined" while adding a tooltip for cytoscape(cy)nodes
Getting "cannot read proper 'popperRef' of undefined" while adding a tooltip for cytoscape(cy)nodes. I am using Vue.js and Cytoscape.js. Not
mounted() {
cytoscape.use(popper)
this.addTooltip()
}
methods : {
addTooltip() {
let makeTippy =…
lokanath
- 237
- 6
- 16
0
votes
0 answers
Popper's tooltip.js NuGet package
I have downloaded the popper.js NuGet package for some bootstrap features. It works.
Now I want to test and use other their feature - tooltip.js.
In the readme.md file is information about instalation of poppers.js throught NuGet but there is no…
Kamerton
- 315
- 3
- 9
0
votes
1 answer
How to use popper.js
I have a Laravel project, and I don't want to use bootstrap in it. can I import and use the popper.js plugin without using bootstrap?
When I try to do this, It just shows me the popover title.
Haniye Shadman
- 357
- 1
- 6
- 19
0
votes
1 answer
Why popover not close when click outside in popper.js?
I use element ui's el-popover to show my popover. But when I click outside of the popover, the popover won't be closed. Maybe I blocked some events to body or some other elements used by popper.js. Please gime me some advices or is it possible to…
lei li
- 1,244
- 1
- 12
- 35
0
votes
0 answers
How do you install bootstrap and popper.js on the command line in angular. I keep getting errors when I run ng-serve and try to open up the app
When I run ng serve and try to open up my app, it says that there is an error and the app cant find bootstrap or popper.js. I put code in my angular.json file in the scripts and styles tag. Can someone please help me? thanks!
this is the code that i…
Mike T.
- 1
- 1
0
votes
1 answer
How to place a tooltip to the right item of a list?
I want to combine Bootstrap 4, ClipboardJS and Tooltips (PopperJS).
My Code is working so far: When I click on a button, the value of the field „data-clipboard-text“ is saved in the clipboard. But the tooltips don’t show up and don’t hide, because I…
myyvee
- 95
- 9
0
votes
2 answers
Each of my popovers show the content of the first one
I'm want to have a table of products that have an edit and delete button in each row. Each edit button triggers a popover that has the form to update the product. Each delete button is just a confirmation.
There is a table row for each product in my…
adrianmaznio
- 3
- 1
- 1
0
votes
0 answers
Popper.js tooltips off center/ positioned wrong
The tooltip isn't positioned directly underneath my social links. They are images, not glyphs, and they had margins to seperate them.
https://i.stack.imgur.com/a6LcM.jpg
I've attempted removing the margins.
.links {
width: 100%;
…
Brad Archer
- 33
- 7
0
votes
1 answer
popper.js shows up without any style
I'm developing an ASP.net-mvc web-app which will be used locally therefore it doesn't have access to internet.
I used "popper.js" library ,it works properly but popup's don't have any style ( no background-color , no arrow , .. )
For first time I…
Hedayat Allah Kamalian
- 111
- 1
- 10
0
votes
1 answer
Bootstrap 4 tooltip position issue
Bootstrap 4 Tooltip is not displaying where its suppose to in a reactjs application.
I have tried everything like
setting container: body
setting body style to position: relative;
My code has following hierarchy in html head
0
votes
1 answer
Heroku App - Popper not found (Heroku can't see popper.js)
I've recently deployed my website to Heroku. It's simple static website using Bootstrap, jQuery and Popper. But when I deployed it to Heroku it shows me an error:
Uncaught TypeError: Bootstrap tooltips require Popper.js
Npm install directly on…
adrian95999
- 117
- 1
- 3
- 17
0
votes
0 answers
'bootstrap-select' in Rails & Bootstrap 4 requires 'Popper.js'
I used gem 'bootstrap' to upgrade a Rails project to Bootstrap 4. Then the dropdowns failed due to missing 'popper.js'. According to the documentation I had to add 'bootstrap.bundle.js' which includes 'popper.js' only…
s0rin
- 127
- 1
- 9
0
votes
1 answer
Configure popper.js orientation
Is it possible to configure orientation on a popover through popper.js?
Like, showing it aligned right, but going towards left?
Thank you very much
Marco Alves
- 2,776
- 3
- 23
- 33