Questions tagged [popperjs]

18 questions
9
votes
4 answers

Trouble building webapp with parcel-bundler (Not loading Java after compilation)

Good day, guys! I looked online for a solution but couldn't find one, so I'm turning to you for assistance. Please bear with me as I describe the situation in full. I'm a beginner who's having trouble with parcel while developing a bootstrap web…
Sam Singhania
  • 93
  • 1
  • 4
9
votes
2 answers

React app build failed for popper js typescript error

I have react app that used bootstrap 4.3.1 as node modules.When i am building the app its giving below error TypeScript error in /codebuild/output/src478180495/src/app-name/node_modules/@popperjs/core/lib/createPopper.d.ts(1,13): '=' expected. …
DIPESH NAYAK
  • 95
  • 1
  • 6
8
votes
1 answer

Rails 7 Importmap Bootstrap

So, I've set up my rails 7 application by doing the following. rails new . To add bootstrap I've implemented it with importmap (no webpacker) as following ./bin/importmap pin bootstrap which loaded these lines (I added the preload: true) pin…
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
3
votes
0 answers

package.json : who is the target of "main:umd": "dist/umd/bundl.js" ? which tool can use it? is it a standard name for umd?

package json of popper.js contains "main:umd": "dist/umd/popper.js" I am interesting to understand is this a standard way to instruct modern bundlers|tools (which of them?) or just the popper specific? Is it a standard naming? Can I use "main:esm"…
Roman Pokrovskij
  • 9,449
  • 21
  • 87
  • 142
2
votes
1 answer

Is there a way to share a popper.js popper with multiple targets?

I am make a tooltip that will be triggered by multiple elements. Minor details in the tooltip will be changed by each trigger elements. My question however is, is there any way to create a single tooltip, that can be triggered by more than one…
djangbahevans
  • 153
  • 1
  • 2
  • 6
2
votes
1 answer

Bootstrap 4.5.2 bug/update popper.js out-of-date new way is popperjs/core

Co devs, npm bootstrap 4.5.2 and up It is not ready for @popperjs/core I'm looking for someone to help me fix the bootstrap.js as a temporary fix for ERROR in ./node_modules/bootstrap/dist/js/bootstrap.js Module not found: Error: Can't resolve…
2
votes
3 answers

Popper not sticking to ref element on scroll

Demo: https://codesandbox.io/s/agitated-euler-rep54 Click on any "click me to set ref". The popper correctly positions itself. Now start scrolling, and you'll see the popper doesn't stick to the ref. If you move .popper to be a direct child of…
Eric Guan
  • 15,474
  • 8
  • 50
  • 61
1
vote
1 answer

How to use PopperJs 2 with Angular 13

I added PopperJS 2.11 as dependencie. Then I try to use Popper in AppComponent but I'm not sure how to call instance of Popper. Here is my code: app.component.html:
lorem…
Romek
  • 21
  • 1
  • 4
1
vote
1 answer

Set different React Popper tooltip for each element

I am using React popper for displaying additional information for input fields in my form. The problem is that, when i am displaying Tooltip for more than 1 element, it displays the same tooltip. How can i display different tooltips for each…
tkamath99
  • 629
  • 1
  • 12
  • 32
1
vote
1 answer

How to upgrade to popperjs/core via package.json: name can only contain URL-friendly characters?

So, I wanted to upgrade my package.json stack due to a harmless deprecation warning: npm WARN deprecated popper.js@1.14.3: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1 Turns out popper.js is…
Malte
  • 337
  • 1
  • 11
1
vote
1 answer

Running into a Jest/enzyme error "Popper: Invalid reference or popper argument provided."

I wrote a tooltip using popperjs 2.2.1, and jest/enzyme tests. However, I get the following error: Error: Cannot read property 'split' of undefined console.error ../../node_modules/@popperjs/core/dist/cjs/popper.js:630 Popper: Invalid reference or…
Anna
  • 327
  • 1
  • 3
  • 9
1
vote
0 answers

Popper popovers doesn't follow a rotating popper reference correctly

I'm working on an app that uses popper with fabric.js. The popper reference is an invisible div over the markup element. When the fabric element rotates the popover doesn't properly rotate with the markup, as it only properly follow the reference…
Fredmental
  • 445
  • 1
  • 7
  • 14
0
votes
0 answers

React Next js Fails At popperjs module

I have a next js project for a while. For sometime the build is ok, until I clean install the node module from scratch. Now I got an error when ever try to build. ModuleNotFoundError: Module not found: Error: Package path ./lib/enums is not…
0
votes
1 answer

Creating Vue Component Dropdown with Popper Js

I'm on progress to make a dropdown component with vue and popperjs. To be known i'm using vuejs v.2.6.12 and popperjs v.2.9.2 and here is the code