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
1
vote
1 answer

In browser, how to detect what event is triggered by interacting with a button?

I'm using vue, bootstrap 4, and bootstrap-vue. I'm trying to fix a visual bug that appears when I click on a button (see attached animated screenshot). the bug is visible by looking at the bottom part of the table, it shouldn't have additional…
Adriano
  • 3,788
  • 5
  • 32
  • 53
1
vote
1 answer

Popper.js React Wrapper - React.createElement: type is invalid

I am trying to implement the standalone example from here, using react-popper - I basically just copy pasted the code for now. It does render the component. However, when I click everything breaks. I am using it in Gatsby.js - if that should make a…
R. Kohlisch
  • 2,823
  • 6
  • 29
  • 59
1
vote
1 answer

Popper.js tooltip placement for absolute position div (bootstrap)

I am trying to create a 'info' icon in the top right of a div that is already full (with a chartist.js chart). To do this I'm using an absolute positioned div with the span inside of it.
Henry George
  • 504
  • 6
  • 19
1
vote
1 answer

Change Tippy JS tooltip theme using javascript

My page has a dark and light theme. I want to switch between tooltip themes when I switch color themes. I create 2 tippy themes, one called dark and the other light. I tried changing the HTML attribute and the tooltip class hoping to force the…
Robin
  • 65
  • 1
  • 12
1
vote
2 answers

heroku ./node_modules/bootstrap/dist/js/bootstrap.js Module not found: Can't resolve 'popper.js'

Hi every one I am new on heroku, If I clone from github repo and run >npm install and >npm start on computer its working fine, but on my heroku app it showing error: Failed to compile ./node_modules/bootstrap/dist/js/bootstrap.js Module not…
Elon T
  • 21
  • 4
1
vote
1 answer

How to avoid "TypeError: popper.js.map is not a valid URL" message

I'm newbie in NodeJS, React and Webpack. I have installed bootstrap which needs popper.js. When I run my application everything works fine but I've got an error in the console of Firefox like this: File package.json { "name": "basketmetrics2", …
José Carlos
  • 2,850
  • 12
  • 59
  • 95
1
vote
2 answers

How do I use Tippy in shadow DOM with scoped CSS?

I want to use Tippy.js in my shadow DOM. Since scripts can access my shadow DOM but styles can't, I tried to inline the Tippy CSS within the shadow DOM and link Popper's and Tippy's JS outside. Here is a demo of it not working. I need the CSS to be…
Flo
  • 65
  • 1
  • 9
1
vote
1 answer

popper.js error when including Bootstrap 4 in RequireJS config

When including Bootstrap 4 in my RequireJS config to be included in my application I get the following warning: Loading failed for the with source “https://crmpicco.localhost/app/app_dev.php/en/portal/view/ksldjfkldsjfklsdjflkj/popper.js”. and…
crmpicco
  • 16,605
  • 26
  • 134
  • 210
1
vote
0 answers

ReferenceError: undefinedPopper is not defined

I didn't find issues on this subject, however, after spending some time, I'm still stuck on this. While I'm working on a project with: this package.json { "devDependencies": { "babel-loader": "^7.1.4", …
enguerranws
  • 8,087
  • 8
  • 49
  • 97
1
vote
2 answers

Bootstrap-4 drop-down gets some styles automatically. How to disable that?

I am using Bootstrap-4 for my new website. I am using the drop-down in multiple places of the page. In the header nav-bar the drop-down works fine but when I use the same drop-down logic inside the page, bootstrap or popper is adding some inline…
Sanish Joseph
  • 2,140
  • 3
  • 15
  • 28
1
vote
2 answers

Tippy size is too big after scrolling

What I currently do: I have a graph with a variable amount of nodes. between 10 and max. 30 nodes (lets call this n) The layout I use is the dagre layout (not that it matters) and, depending on the data, between 1 and n tippy's. The code works…
Stephan T.
  • 5,843
  • 3
  • 20
  • 42
1
vote
1 answer

How To Include Popper.js In Vue Project For Bootstrap 4

Anybody know how to require popper.js in vue? I am importing it in my main.js file but no luck. here is the set up import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import bootstrap from…
TJ Weems
  • 1,086
  • 3
  • 21
  • 37
1
vote
2 answers

Cannot set property 'bootstrap' of undefined

When i install bootstrap with npm, i ran folowing command: npm install bootstrap npm install popper.js --save then i got the following directory tree: -node_module |__bootstrap |__jquery |__popper and i use it: