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
Allow Bootstrap4's popover to overflow screen
I'm trying to use BS4's Popper.js-based popover feature.
I'm adding content to it dynamically on shown event and I need it to stay anchored to the triggering button and let the body scroll instead of shifting to the top of the screen when there is…
Scaramouche
- 3,188
- 2
- 20
- 46
0
votes
1 answer
Dropdown (Bootstrap 4 popper.js) links not working in when the site is converted to wordpress but works fine in the HTML version of the website
I get this weird issue with my website's dropdown link. https://dev.netrocon.com/tedtucson/ this is my html version of my clients website which works fine.
When i converted this site into wordpress everthing looks good but the navbar's dorpdown…
Subu Hunter
- 53
- 1
- 11
0
votes
1 answer
How to attribute Bootstrap dropdown to ajax inserted object
I'm doing a Django project and i need to insert rows dynamically (ajax) with a dropdown menu for each one.
When the content is static it works just fine, but when new data are loaded from ajax, i can't bind it to the dropdown functionality and have…
Byga
- 61
- 2
0
votes
0 answers
How to specify width of React Datepicker popper width to take 100% of the parent?
I'm using ReactDatepicker and massively impressed by the number of customizations they offer right off the box, thank you very much for that.
Here is a real world problem I'm struggling with. As you can see there are three columns:
choose a…
Mars Robertson
- 12,673
- 11
- 68
- 89
0
votes
0 answers
Cannot find module 'aspnet-webpack' when using 'Bootstrap4 & popper.js' in .Net Core 2.0 & knockout spa template
I created my .NetCore 2.0 & knockout project using command line. I successfully created and install npm packages.project run successfully. Then I update the version of Bootstrap from 3.3.7 to 4.1.3 and install
popper.js using npm and trying to run…
dawoodmirza
- 1
- 1
0
votes
2 answers
Rails - Uncaught ReferenceError: Popper is not defined
Having problems with the update of bootstrap & popper.
Ive tried every thing and keep getting error
Uncaught ReferenceError: Popper is not defined.
My images will not show. I followed a couple of suggestions from Bootstrap 4: Uncaught…
Agelique B
- 1
- 1
0
votes
1 answer
Angular @types/bootstrap error: Namespace 'popper.js' has no exported member
I've done a fair amount of searching and have been unable to come up with any guidance on an error - the one article I found seems to indicate that it may just be a version compatibility issue, but I am unsure of whether that's actually the case.
I…
SquishyDough
- 27
- 5
0
votes
1 answer
0
votes
1 answer
How to use popper in octobercms
I'm new here and kind of a beginner, so I hope my questions are not too stupid!
I'm currently developing a website using October CMS, and the theme I'm using doesn't have popper.js integrated.
I'd like to give my navbar (using Bootstrap) some nice…
m3ssy69
- 1
- 1
0
votes
2 answers
Use Tooltip.js to render React Components
I trying to use this awesome tooltip library Popper.js
I want to use the above tooltip utility to render React Components into it. Right now, my understanding is that I can only give static html to the tooltip using title property and html set to…
mohsinulhaq
- 1,059
- 1
- 18
- 31
0
votes
1 answer
React with webpack, "bootstrap.bundle.js Cannot read property 'setAttribute' of undefined" - popper
So we are transitioning to react and we use webpack, and we have some serious problems with popper. I've tried to use bootstrap.bundle.js to avoid the problem, but it didn't help.
webpack.config.js
const HtmlWebPackPlugin =…
0
votes
1 answer
How to flip the dropdown (Popover) uisng popper js
In my application am showing dropdown(Popover) from button left side. If button is in browser right edge. I want to show button right edge to left edge .can anybody tell how to flip in popper js
Thanks
user386430
- 4,837
- 13
- 41
- 45
0
votes
1 answer
How to offset dataObject from referenceObject using popper.js?
How do I offset the boat from the anchor by a few pixels?
You can find a code pen where I have unsuccessfully tried to set an offset here
https://codepen.io/anon/pen/wXraLK?editors=1111
HTML
user1283776
- 19,640
- 49
- 136
- 276
0
votes
1 answer
Hide and Unhide text using popper.js
I have the following popper.js script and I want that when I click a button a text appears and when I click the button again the text disappears. The script shown only unhide the text.
var ref = $('#button-a');
var popup =…
Bruno Guarita
- 767
- 10
- 21
0
votes
1 answer
Hide bootstrap tooltip instead of disposing
Is there any way we can hide bootstrap tool-tips instead of destroying them.
I am using server side data in tool-tips and I don't want to load data every time a tool-tip is initiated.
$('.selector').popover({
animation: true,
trigger:…
hussain nayani
- 317
- 1
- 3
- 14