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
1
vote
1 answer
Bootstrap Tooltips
I currently have an img tag that when people hover over it, I want a tooltip to appear. As I understand it, you can only place a tooltip in an 'a' tag, is it possible to surround/encapsulate my img tag in order to do so or does this not…
aidan22
- 69
- 1
- 10
1
vote
3 answers
Bootstrap dropdown adds horizontal scroll
With bootstrap 4 and popper.js, whenever I add a dropdown to navbar-right and click on the button the dropdown then adds a horizontal scroll to the page and you will have to scroll right to see the whole dropdown.
How can I fix this to not have the…
WitHeld
- 305
- 3
- 8
1
vote
2 answers
How I can modify Master Page to fix Bootstrap4 dropdown in asp.net ? (Uncaught TypeError: Bootstrap dropdown require Popper.js)
Dears, I tried to use dropdown in my project after updating to bootstrap 4,it was working before but not after update, anyway the issue happened in js the following error appeared whin I tride to click the dropdown button.
Uncaught TypeError:…
Mohammad Sufian Al-Omar
- 139
- 1
- 5
- 17
1
vote
0 answers
Why is my static object undefined in JavaScript?
I'm using the following library in Node.js:
https://popper.js.org/popper-documentation.html
My code is as follows:
const Popper = require("popper.js");
Popper.Defaults.modifiers.computeStyle.gpuAcceleration = false;
I get the error 'Cannot read…
Hoa
- 19,858
- 28
- 78
- 107
1
vote
0 answers
Why doesn't ProvidePlugin produce a globally accessible variable?
My Webpack config is relevantly as follows:
new webpack.ProvidePlugin({
Popper: 'popper.js'
})
In my package.json I have "popper.js": "^1.14.4"
When I run my app and type Popper into the browser console, I get:
Uncaught ReferenceError: Popper is…
Hoa
- 19,858
- 28
- 78
- 107
1
vote
1 answer
Bootstrap4 Dropdown Menu auto collapse when clicking select element
this is an extended question I encountered after my previous question.
The problem lies when someone clicked on the arrow to show the advanced searches, it drops down the form as expected. However, the moment when someone clicked on the select drop…
Willy_Sunny
- 199
- 3
- 14
1
vote
1 answer
Bootstrap 4 tooltip in small container positioning issue
I'm having issues with Bootstrap 4 tooltip positioning. I have a scrollable container, which is narrow enough for an item only. For an item I want to display a tooltip on the right. Tooltip for an item doesn't fit into container and Bootstrap…
zmechanic
- 1,842
- 21
- 27
1
vote
1 answer
Bootstrap 4 / Popper.js interfering with Autosuggestions
I have a feature that does address verification with smartystreets api I am also using a template with bootstrap4 / popper.js and jquery of course.
If you click both links, you will see the behavior. It will either break the address verification…
weekapaug
- 332
- 1
- 4
- 15
1
vote
1 answer
bootstrap 4 Dropdown xhtml issue
I'm trying to insert a simple dropdown control into an xhtml page.
I'm using bootrap 4.0.
FYI: the following peace of code is working fine on html, it does not work expand on xhtml. Also it works fine both html and xhtml using bootstrap 3.
Geanni
- 33
- 4
1
vote
1 answer
How to install bootstrap 4 version beta.2 in an angular 4 application?
I tried installing bootstrap 4 version beta.2 and its dependencies (jquery and popper.js). but there is something very weird going on. for some reason, I keep getting an error message in the console, saying "SyntaxError: export declarations may only…
Kenchi
- 191
- 1
- 3
- 18
1
vote
1 answer
`popperManager is undefined` when trying to use reactstrap DropdownMenu
reactstrap seems to be working fine with components that don't use popper, but when I try to use DropdownToggle and DropdownMenu I get popperManager is undefined. I'm using nextjs, but not sure if that's relevant. What's going wrong?
brandones
- 1,847
- 2
- 18
- 36
1
vote
1 answer
Popper, Bootstrap 4 and ES2015: Popper not defined
I am pretty confused on how to make the Javascript utilities in Bootstrap 4 work.
I am using ES2015 style requires. I've installed jQuery, the latest beta of Bootstrap 4 (beta 2) and Popper.js using node modules. Here's how I am loading my…
Wolfr
- 5,055
- 4
- 25
- 31
1
vote
1 answer
How can I include Vue.js code inside a Popper.js pop-up div?
I have the following Popper.js popup in which I have a button on which I want to attach a Vue.js click event.
However, while the click event works outside the popup, it doesn't work instead the popup.
How can I get changeText() to work inside the…
Edward Tanguay
- 189,012
- 314
- 712
- 1,047
0
votes
0 answers
Why does DropDownList width vary when data-width="auto" using Bootstrap 4 and selectpicker?
I have an asp.net webforms project that uses Bootstrap 4. It has a master page that contains an ascx user control with an asp DropDownList. It uses the CssClass selectpicker and is set to a data-width of "auto"; however the width of the dropdown…
Espo
- 1
- 1
0
votes
0 answers
PopperJS Popover position is not right
I'm using PopperJS for a menu and it doesn't position the popover right for nested menus.
This is the first level popover that is triggered with clicking on the three dots:
And this is the second level popover that is triggered with clicking on the…
oividiosCaeremos
- 608
- 1
- 10
- 30