Stack Overflow
Stack Overflow

Questions tagged [popper.js]

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.

380 questions
8
votes
1 answer

Bootstrap requires non-existing version of popper

My package.json contains: "dependencies": { "popper": "^1.0.1", "bootstrap": "^4.1.0", on install the warning is: bootstrap@4.1.0 requires a peer of popper.js@^1.14.0 however the "latest" version of popper.js is 1.0.1 wtf?!? are there…
Cos Callis
  • 5,051
  • 3
  • 30
  • 57
8
votes
3 answers

Issue Loading PopperJS and Bootstrap via RequireJS, Even After Using Recommended PopperJS Version

I'm attempting to load jquery, popperjs, and bootstrap (v4-beta) via requirejs and in the console I keep getting: Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org) at bootstrap.js:6 at bootstrap.js:6 at…
Mike
  • 83
  • 1
  • 6
7
votes
0 answers

Popper.js 2 - append to body

In Popper.js 2 documentation I see a small hint that appending to the body is supported: https://popper.js.org/docs/v2/performance/#attaching-elements-to-the-dom However, I cannot find any example of how that is done. Can someone please provide an…
FirstVertex
  • 3,657
  • 34
  • 33
7
votes
1 answer

What am I missing when using react popper's usePopper() hook to generate an arrow?

I'm trying to follow the example on Popper.js's documentation on how to implement an arrow found here using their usePopper hook: https://popper.js.org/react-popper/v2/ I tried putting this in a codebox and then console.log the styles.arrow and see…
Andrew Bautista
  • 153
  • 2
  • 9
7
votes
4 answers

How do you position Material UI Popper in the bottom right corner of the browser?

I'm using Material UI v4.9.1. They have a Popper React component, based on Popper.js v1.14.1. https://material-ui.com/api/popper https://popper.js.org/docs/v1 I'm trying to render a small square card on the bottom right corner of my browser. With…
425nesp
  • 6,936
  • 9
  • 50
  • 61
6
votes
0 answers

Array is expanded after applying Object.entries in javascript

I have the following code in javascript console.log(dates) domain = Object.entries(dates) console.log(domain) where: dates = { "0": "2003-02-01T05:00:00.000Z", "1": "2003-03-01T05:00:00.000Z", "2":…
mm_
  • 1,566
  • 2
  • 18
  • 37
6
votes
0 answers

How can I modify the offset value after a Popper is created?

Since my page layout changes at different responsive breakpoints, I need a way to change the offset of my Popper programmatically after it is created. I see that I can create a custom Modifier, and potentially do it that way, but was curious if…
Mike Mintz
  • 273
  • 1
  • 11
6
votes
1 answer

Mock 3rd party library constructor with jest

I'm writing unit tests with jest and I have to test a function that is calling a constructor from a 3rd party library (the goal of the test is to check that the call is made with good arguments The 3rd patry library is Popper.js I have made a…
CharybdeBE
  • 1,791
  • 1
  • 20
  • 35
5
votes
0 answers

Accessing the Popper.js instance of a given DOM element

I am using Popper.js to position various popovers on my page. Essentially, I am trying to display all file input fields in a small popover because the normal, ugly, non-customizable HTML file input ruins the layout of the page. I have gotten it to…
Jacob Lockard
  • 1,195
  • 9
  • 24
5
votes
0 answers

Popper.js arrow position does not change when changes its placement

I have implemented popper.js within a small project, but I have a small project with the arrow that goes to the reference element, because when you change the placement of the popup for example from bottom to top, the position of the arrow does not…
Jacob Nunez
  • 95
  • 7
5
votes
0 answers

Bootstrap 4 popper moves top-left corbner on scroll or window resize

In our new admin page with datatables and bootstrap4, we heve implemented a poper for each row. It works perfect on most cases. When we scroll or window is resized, the popper moves to top left corner and stays there. I have tried all possible…
Varghese Chacko
  • 398
  • 1
  • 4
  • 15
5
votes
1 answer

Are "popper" and "popper.js" two different packages in npm?

I am following a tutorial that uses this command to install popper: npm install popper --save. But when I tried it got this error message: fatal error - cygheap base mismatch detected - 0x13A1410/0x13D1410 So I searched to find the github page of…
Hasani
  • 3,543
  • 14
  • 65
  • 125
5
votes
0 answers

Popper.js and flex-end causing body overflow

In my project, I have a list of dropdown buttons which are aligned right using flex-end. I've created a very minimal version of the code that shows the issue: var popper = new Popper( $('#anchor')[0], $('#popper')[0], { modifiers:…
Matt
  • 1,518
  • 4
  • 16
  • 30
5
votes
3 answers

Popper not loading before bootstrap in visual studio 2017 ASP.NET MVC

I'm trying to implement popouts but it seems like poppers.js doesn't want to load before bootstrap.js. I've tried to place the bundle before the bootstrap one but it doesn't want to load. BundleConfig: public static void…
Mathias Chartier
  • 199
  • 2
  • 15
5
votes
0 answers

Angular 6 and Popper.js toggle not working

I am building an angular 6 app and I have a button toggle. Everything loads fine but when I click on the button to open the menu I have the following error: Uncaught TypeError: Cannot read property 'setAttribute' of null at …
David Sagang
  • 317
  • 1
  • 6
  • 24
1 2
3
…
25 26