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
Bootstrap installation issues with popper and jquery
I'm trying to install Bootstrap but it isn't working. I got the css and html from the Bootstrap website, and they seems to work fine, but I think popper and jquery aren't working correctly. I have tried to install both with, npm, from their…
Marcelo
- 77
- 9
0
votes
1 answer
How to close an element on clicking outside in Angular?
I use Popper js to show a tooltip, I show this after clicking on a button.
I use this element (button with tooltip) several times on the page. Now I try to close the element when clicking outside the element.
This does not work correctly, when…
Can
- 553
- 1
- 9
- 29
0
votes
1 answer
How to make multiple Popovers in one id?
Could I make a lot of popovers with one ID?
0
votes
1 answer
failed to load source map in ASP.NET MVC after publish to hosting site
When i run the website i got this error on developer tools :
JQMIGRATE: Migrate is installed, version 3.0.1
DevTools failed to load SourceMap: Could not load content for http://aljawd.com/Contents/css/aos.css.map: HTTP error: status code 404,…
Abdullah
- 983
- 12
- 26
0
votes
1 answer
0
votes
2 answers
Having trouble with Bootstrap 4 dropdown menu
For some reason, my dropdown menu doesn't function in bootstrap4. I have jquery, bootstrap, and I'm not totally sure if popper was properly imported. Was wondering if anyone could point me as to if I did something wrong.
rdahs9936
- 5
- 3
0
votes
2 answers
Closing manually triggered Bootstrap 4 Popper.js Tooltip
I trigger a Bootstrap 4 Popper.js Tooltip with jQuery like this:
$('.like-btn').on('click',function(){$(this).tooltip('show');});
The tooltip should disappear after a few seconds. The following solutions did not work:
//…
Sebastian Becker
- 21
- 3
0
votes
0 answers
Dropdowns on NavBar issues
I am currently learning all things Bootstrap 4 v4.4.1 and I've been stuck on a Dropdown Issue where it wouldn't function (ie not dropdown). I discovered after documentation and solved issue reading in various places this was a "popper" issue and I…
philip b
- 1
- 1
0
votes
1 answer
Popper loaded but not working with bootstrap 4 on Wordpress
I am using Popper with Bootstrap 4 on Wordpress and have DataTables and Navwalker. My dropdown menu and the hamburger are not working. Popper is loading but I suspect the order in which the css and js files might be the problem. Any ideas please.…
user2005143
- 45
- 1
- 6
0
votes
1 answer
Using Vue v-tooltip How to get tooltip placement (which is exposed as x-placement attribute on tooltip) and set class based on this
Using v-tooltip directive. When tooltip is opened popper.js tries to find suitable placement based on surrounding space (at least that is how I understand it) and has this information exposed on x-placement attribute. How to get the placement…
realmer
- 51
- 1
- 8
0
votes
1 answer
Bootstrap 4 won't run Javascript dependent files
I'm struggling to understand why the following code isn't working correctly.
The .js scripts in the footer don't seem to be working at all, and all 3 including the .css were taken directly from 'GetBoostrap' today and are their suggested versions,…
LionHeart-Nerd
- 61
- 15
0
votes
1 answer
React Bootstrap - OverlayTrigger Tooltip dynamically change postion depends on view port
I'm using OverlayTrigger, Tooltip from react-bootstrap, and want to change tooltip position depending on viewport. I use a default placement right for now, but when I test it on iPhone X (375px), it's not working, I suppose because of not enough…
Palaniichuk Dmytro
- 2,943
- 12
- 36
- 66
0
votes
1 answer
Popper-react leaving container boundaries
I set up a simple example where this happens, note how the tooltip gets translate3d(-45px, 147px, 0px) which renders it outside the window boundaries:
https://codesandbox.io/s/stupefied-blackwell-nll6m
dutzi
- 1,880
- 1
- 18
- 23
0
votes
2 answers
How to initialize tooltip with popper.js and bootstrap
I am using bootstrap tooltip as explained @ https://getbootstrap.com/docs/4.3/components/tooltips/
I have successfully created tooltip but tooltip is appearing un-formatted. I believe this is because the tooltip is not getting initialized. I have…
Peter
- 111
- 2
- 9
0
votes
0 answers
popper.js Offsets separated by white space(s) are deprecated, use a comma (,) instead
I am having this error in my console every time I open the dropdown from this package @atlaskit/dropdown-menu and my error is this one: popper.js: Offsets separated by white space(s) are deprecated, use a comma (,) instead. Thank you so much
I went…
Eduardo Hernández
- 49
- 1
- 6