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
4
votes
1 answer

How to update the x/y position of a popper.js element?

How can I move the popper.js element to follow specific coords? I was able to get (I think) the caret position in a textarea but now I need to make Popper.js follow it. I tried, update and onUpdate on the root and in the modifiers. I do not…
Jayd
  • 183
  • 3
  • 15
4
votes
2 answers

How to install bootstrap 4 + jquery + popper.js with Angular 6

I've installed and updated Angular and Node to the latest version Angular CLI: 6.0.0 Node: 8.11.1 OS: win32 x64 Angular: 6.0.0 ... animations, cli, common, compiler, compiler-cli, core, forms ... http, language-service,…
Jawad Farooqi
  • 335
  • 3
  • 14
4
votes
3 answers

Cannot find module "popper.js" Angular 5 Visual Studio 2017 asp.net core

I updated my Angular's verision from 4 to 5. Below is the screenshot, I followed the instruction as per the link http://www.talkingdotnet.com/upgrade-angular-4-app-angular-5-visual-studio-2017/ package.json file { "name": "VotingWebsite", …
San Jaisy
  • 15,327
  • 34
  • 171
  • 290
4
votes
1 answer

Bootstrap popper issue while using webpack

I want to include bootstrap into my main.ts so that in _Layout.cshtml I wouldn't need to write just leave When I add…
amplifier
  • 1,793
  • 1
  • 21
  • 55
3
votes
1 answer

MUI Popper: Placement not working as intended when using disablePortal

I have a Box and upon clicking it, I open a popper that has some inputs. I am using ref and anchorEl to position the popper. All is working fine in this case. Popper opens up in the default bottom position of the ref element. But in order to use…
Rusty
  • 4,138
  • 3
  • 37
  • 45
3
votes
0 answers

How to rotate tooltip arrow in react popper?

I have created tooltip using react-popper which uses portals. I have added modifiers with altAxis set to true to prevent overflow (see option.js file in below sandbox). Now in below sandbox tooltip is getting flipped but tooltip arrow should also…
aryat
  • 83
  • 8
3
votes
0 answers

ReferenceError: document is not defined on Bootstrap.js

I installed bootstrap, popper.js and jquery as indicated on their official pages. Using the npm package manager. But by requiring them in app.js it sends me this error. This is app.js const express = require('express'); const path =…
Erick Veliz
  • 31
  • 2
3
votes
2 answers

Popper: CSS "margin" styles cannot be used to apply padding between the popper and its reference element or boundary. react bootstrap

I am working on a react project using react-bootstrap and facing this warning when clicking on the dropdown menu. Popper: CSS "margin" styles cannot be used to apply padding between the popper and its reference element or boundary. To replicate…
Varinder Sohal
  • 1,142
  • 5
  • 24
  • 44
3
votes
3 answers

Unable to fix popper placement in autocomplete

I am using the component of Material-UI and I have a situation where I want my drop-down to always appear at the bottom. Therefore I did this: PopperComponent={(props) => } My drop-down…
AKJ
  • 749
  • 6
  • 29
3
votes
1 answer

onClick is not working on Popper component in Material-UI Tooltip

The intended behavior is to go to another page when tooltip is clicked. to achieve this functionality I provided the onClick prop for the PopperProps object. Below is my code: interface Props extends TooltipProps{} const CustomTooltip :…
mgh
  • 377
  • 2
  • 4
  • 14
3
votes
2 answers

Bootstrap 4 Dropdown not working in Laravel - Vue spa

Spa.blade.php file SPA
Prudhvi Mallavarapu
  • 141
  • 2
  • 12
3
votes
0 answers

How to create multiple instances of popper?

In my app, I'm trying to use Popper to create a tooltip over every element in the app. (Usually, I would only show a single tooltip, but for a presentation I want to show more than one). I wrote this utility Component to attach tooltip directly to…
Uri Kutner
  • 476
  • 4
  • 13
3
votes
2 answers

TypeError: popper is null

My problem: when i click on the dropdown, i have an error message in my console: An extract of my twig: