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
Navigation bar with dropdown list id not working with bootstrap4
I have updated the versions of bootstrap and other components in visual studio through nuget manager and it automatically updated the bundles as well. Now my navigation bar is not showing as intended
I updated the bundleconfig.cs section manually as…
yathu
- 19
- 6
0
votes
0 answers
Failed to load popper.js including via Requirejs
I need to include a bootstrap carousel via requirejs, the problem is that it fails to load pooper.js
Error :
Failed to load for element whose source is
"https://domaine.com/popper.js".
My code:
requirejs-config.js
var config = {
deps: [
…
misterpr
- 1
- 1
0
votes
2 answers
Popover an image on hover flashes
If you run the code snippet and hover over "Hover here", you will see a picture of grumpy cat, but the image flashes on and off repeatedly:
You might have to move your cursor off where it says "Hover here" and hover over it a 2nd…
Phillip Senn
- 46,771
- 90
- 257
- 373
0
votes
0 answers
Bootstrap 4 dropdown ul list not correct and fixed position
Problem is bootstrap dropdown select list appear away from button. The position is not correct and not fixed with button. See the image down to understand issue. Can anyone help me?
Here is my code:
Niru
- 221
- 1
- 4
- 12
0
votes
0 answers
FullCalendar EventRender Issue
I'm trying to get popovers to display the event information using FulCalendar 3.9.0 JQuery 3.3.1 and Bootstrap 4.1.0. When I try replacing the following code:
eventClick: function(event) {
// opens events in a popup window
…
ridgedale
- 190
- 1
- 1
- 14
0
votes
0 answers
Bootstrap 4.0 not working with popper.js v1.12.9
I created a new MVC project using visual studio 2015. Then I updated the bootstrap version to v4.0. When I update the bootstrap it installed the popper.js v1.12.9.
Then I added the popper.js path to my BundleConfig.js file. Finally when I run the…
Hondaputha
- 21
- 6
0
votes
1 answer
.net core angular 5 Cannot find module "popper.js"
I've been looking for a solution to this without luck, no one seems to know how to properly import popper.js to the angular 5 project in .net core, I'm using visual studio 2017, this happened after updating the packages, I know this is something…
Efiloss
- 21
- 4
0
votes
1 answer
Listen to keyUp and down events inside component nested in react-popper
I have a parent component that uses the react-popper library like so
{
if(e.keyCode === 38) {
}
}}
onKeyDown={(e) => {
…
Thabo
- 1,303
- 2
- 19
- 40
0
votes
1 answer
Couldn't add Bootstrap 4, jQuery, and PopperJS libraries to .angular-cli.json
Currently i'm trying to implement Bootstrap 4 navbar element on my Angular 5 project, and it needs three JS libraries, Bootstrap 4, jQuery, and PopperJS.
It works flawlessly (i.e. NO ERROR occurred) when I add following to…
xcode
- 1,637
- 3
- 16
- 25
0
votes
1 answer
How to access the Popperjs object used in a Bootstrap 4 popover
I am using Bootstrap 4 popovers (https://getbootstrap.com/docs/4.0/components/popovers/) to display notifications but since the notification button is located at the edge of the screen, once the content is loaded the popover goes over the edge. I…
Miika L.
- 3,333
- 1
- 24
- 35
0
votes
1 answer
Bootstrap 4 navbarDropdown is not working?
I dont why I am having a lot of problem in setting of navbar dropdown. It says popper is not defined and unexpected token support.The below code is just the sample from documentation. Please help me it is really frustrating.
…
Sadikshya Luintel
- 53
- 4
0
votes
2 answers
jquery is not defined popperjs line 2325 when used with bootstrap4
I'm using bootstrap 4.0 beta, which requires popperjs, which is v1.12.5 . jQuery is version 3.2.1, in jQuery.noConflict() mode. This is for a shopify theme, so to include javascript files it uses gulp-include directives in Shopify's Slate…
hamncheez
- 709
- 12
- 22
0
votes
1 answer
Tippy.js unwanted effect in IE 11
I'm using Tippy.js to create custom dropdowns and popovers in my app. I have them configured to display immediately on click. No effects. Everything works as expected in all browsers except Internet Explorer 11. When a target element is clicked, the…
Dowker
- 69
- 4
0
votes
1 answer
How to solve the error of popper.js in console in Angular2
i installed angular ng-select, and while running the app i am getting error as
Uncaught ReferenceError: Popper is not defined
at scripts.bundle.js:12
Can anyone help to solve this error.
anuglar-cli.json:
"apps": [
{
"root": "src",
…
Bhrungarajni
- 2,415
- 11
- 44
- 88
0
votes
2 answers
Bootstrap dropdown require Popper.js with Angular 2 project
I've just created an angular 2 project via angular-cli. Then I added Bootstrap v4 using command npm install bootstrap@4.0.0-beta.2 provided by Bootstrap official site.
Anyway, everything works except for the following error in console window…
Hooman Limouee
- 1,143
- 2
- 21
- 43