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
135
votes
21 answers
How can I keep Bootstrap popovers alive while being hovered?
I am using a Bootstrap popover to create a hover card showing user info, and I am triggering it on mouseover of a button. I want to keep this popover alive while the popover itself is being hovered, but it disappears as soon as the user stops…
vikas devde
- 11,691
- 10
- 35
- 42
120
votes
6 answers
popper.js in bootstrap 4 gives SyntaxError Unexpected token export
I tried install bootstrap 4, and included following links
Павел Шиляев
- 1,221
- 2
- 8
- 6
96
votes
6 answers
Bootstrap4 dependency PopperJs throws error on Angular
I just created a brand new angular-cli project
and ran npm install bootstrap@4.0.0-beta jquery popper.js --save
and changed the .angular-cli.json's related parts as below
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css"
],
…
cilerler
- 9,010
- 10
- 56
- 91
67
votes
11 answers
How to install popper.js with Bootstrap 4?
From what I've read so far, popper.js is a big pain with Bootstrap 4. I can't get it to work. I keep getting this error:
Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
I've tried the CDN and NPM install. Same result. At the…
4thSpace
- 43,672
- 97
- 296
- 475
62
votes
8 answers
How to use Popper.js with Bootstrap 4 beta
I'm old school, so I downloaded the source code to 1.12.0 and then did the following:
But I'm getting:
Uncaught SyntaxError:…
Phillip Senn
- 46,771
- 90
- 257
- 373
50
votes
12 answers
How to import popper.js?
It seems to be a lame question, but I cannot figure it out. How to import popper.js which comes together with Bootstrap 4 beta?
I use Bower, and I've installed Bootstrap 4 beta. Now in the bower_components folder, there is the popper.js directory,…
Qrzysio
- 1,147
- 3
- 12
- 25
45
votes
9 answers
Webpack Installing Bootstrap - missing popper.js.map
I followed the instructions in https://getbootstrap.com/docs/4.0/getting-started/webpack/ and I also installed jquery and popper.js with npm.
Still when I use the output bundle.js, the browser keeps on sending GET requests for popper.js.map and I…
yoni.str
- 451
- 1
- 4
- 3
32
votes
4 answers
Force Bootstrap dropdown menu to always display at the bottom and allow it go offscreen
When there is no room at the bottom of the viewport to fit dropdown menu, it is displayed at the top of its dropdown button. Is it possible alter this behavior and make dropdown always appear at the bottom?
negativefix
- 517
- 1
- 4
- 9
25
votes
2 answers
Popper.js wrong initial position of dropdown/tooltip
I am using popper.js for displaying more post categories if trigger clicked. But after i click it, the initial position is wrong (more right). When popper opened and i scroll the position of popper is updated - this state need to be initial.
I found…
freddy87
- 265
- 1
- 3
- 8
25
votes
5 answers
Bootstrap 4 Beta - Is Popper.js required?
i wanted to ask if Popper.js is absolutely necessary or not if i don't use dropdown menus.
Are there any other parts driven by popper that would not work without the library?
AndiLeni
- 481
- 1
- 6
- 16
22
votes
1 answer
Rails 5 - Uncaught Error: Bootstrap dropdown require Popper.js
So, I was struggling at the last few hours about getting my bootstrap navbar to work in my rails 5.1.3 app. No success. I found a console error saying
Uncaught Error: Bootstrap dropdown require Popper.js
I was aware that bootstrap was dropping…
rtrigo
- 519
- 1
- 6
- 16
20
votes
4 answers
Example of using arrow in Popper component of material-ui
There is playground example on Popper component page of material-ui.
To add arrow they use arrowRef.
Please explain me where do they get it from?
DmitriyBelovol
- 481
- 1
- 3
- 8
20
votes
6 answers
Uncaught TypeError: Cannot read property 'setAttribute' of undefined at Object.onLoad
Any ideas what might be causing this error?
List of my includes:
Tino
- 539
- 2
- 6
- 18
18
votes
4 answers
Popper.js: How to close popup when clicking outside
I'm using Popper.js to show a popup elment having the class .js-share-cf-popover when clicking elements with class .js-share-cf-btn.
But I want the popup to close only when I click outside of it. Here my actual code that show the popup:
var…
Fred K
- 13,249
- 14
- 78
- 103
15
votes
2 answers
Bootstrap 4 TypeScript Type Definition fails to compile - Cannot find module 'popper.js'
I am attempting to set up a TypeScript project and get bootstrap 4 working along with Popper, jQuery, and Knockout in Visual Studio Code.
I installed the knockout, jquery and bootstrap type definitions,
npm install -–save @types/knockout
npm…
aszalacinski
- 351
- 3
- 11