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
2 answers
How to make dropdown menus work using popperjs in Bootstrap 5
I'm currently trying to make dropdown menus work in Bootstrap 5. I read this functionality requires Popper.js, but I don’t know how to include it (Laravel project using Laravel mix) properly.
I’ve tried the following.
window.Popper =…
Eddie Dane
- 1,321
- 3
- 13
- 22
0
votes
1 answer
npm issues laravel popper install
npm WARN bootstrap@4.6.0 requires a peer of popper.js@^1.16.1 but none is installed.
How to fix this in laravel install? Is there a way around or is this permanent issue?
fitnessninja
- 13
- 5
0
votes
1 answer
link (a href) in bootstrap dropdown menu does not function
This issue seems to be ancient and a lot of topics about it. yet none of the solutions are working for me at the moment.
I have a header with the user name - which is a dropdown menu. in dropdown list i have a link which refuses to work:
…
Ali Adiby
- 596
- 5
- 9
0
votes
0 answers
Fullcalendar / eventdidmount - issue with "more link"
i would like to understand why "+x more" link in the bottom of day cell doesn't work when i add info.event.setProp('display','block'); in eventDidMount ?
Codepen.io example
Many thanks in advance !
eventDidMount: function(info) {
var…
Flucktuken
- 29
- 5
0
votes
2 answers
Bootstrap popover works on second load
I have made a webpage on Sharepoint with bootstrap and the content is populated with javascript. I am using popover in a table. The table is generated via javascript. The strange thing is that the popover works only after I made a refresh of the…
kingbrain
- 116
- 12
0
votes
1 answer
What is ngrok-stable-windows-amd64
While installing popper.js using npm i --save popper, it started installing other packages rather than popper.js as you can see in the picture below. Why is it downloading ngrok-stable-windows-amd64 which I have encircled in red in the…
Achal Kumar Rai
- 1
- 1
- 1
0
votes
1 answer
React Bootstrap: triggering a Popover seems to break Dropdown components
I have a parent component that renders both a react-bootstrap Popover and a DropdownButton, like so.
const OverlayTrigger = ReactBootstrap.OverlayTrigger;
const Popover = ReactBootstrap.Popover;
const DropdownButton =…
Andrew Benbow
- 119
- 9
0
votes
1 answer
Conditionally show Tooltip depending on parent Popper component being open
I am trying to understand the best way of conditionally showing a Tooltip, based on if a sibling component Popper is open or not. I want to to show it by default on hover of its child the ButtonBase. I want the tooltip to never be open if the Popper…
user10782250
- 227
- 1
- 4
- 13
0
votes
1 answer
Bootstrip 4 tooltip position: auto right
I want my tooltip to be on the right of the elements on desktop, because it fits my design best. However this however raises an issue when working on a smaller screen. The bootstrap 3 documentation says it supports auto right placement, which should…
Dylan Snel
- 671
- 2
- 7
- 26
0
votes
1 answer
Displaying binary image from db in popover using MVC5 Razor
I'm trying to display an image from the database in a Popper popover using Razor syntax. The photo in the model has already been converted to a base64 string using ToBase64String. I can display the image on it's own in the page by using:
@{
…
Tom Bennett
- 127
- 1
- 9
0
votes
0 answers
How to setup Svelte + Popper.js + display:none animation
I've created REPL with example using popper.js. So basically I trying to achieve correct positioning of dropdowns/tooltips for my application. So far popper does the trick.
But how do I do animation for in/out?
REPL here:…
Daniel
- 839
- 10
- 20
0
votes
3 answers
Cannot import Popper.js in VueJS
I was following this tutorial in order to learn how to make popovers in my VueJS app.
When I compiled the projects I got an error that says:
[Vue warn]: Error in data(): "TypeError: _popperjs_core__WEBPACK_IMPORTED_MODULE_0__.default is…
Doombringer
- 596
- 4
- 19
0
votes
0 answers
Overlapping when multi poppers are appeared on the screen
I need to show multi popper elements on the page at the same time. But the problem is that there is an overlapping when two of them are close to each other. Is there a way to solve this?
I give my code which is related to popper elements below.
I…
Murat
- 109
- 6
0
votes
1 answer
Material UI Popper Styling
What I'm trying to achieve
What I currently have
I'm trying to achieve the following using flex. What's the best approach to handle this?
I'm finding it difficult to separate the gap between the two text fields (text && secondaryText)
popper:…
RyRyWilli
- 45
- 2
- 7
0
votes
1 answer
Bootstrap dropdown alignment off after loading dropdown contents dynamically in Blazor
In Blazor, you can load content dynamically by putting it in an @if block and then making that condition true, e.g. on a button click.
I have a Bootstrap dropdown whose contents are loaded when the dropdown is first clicked. For some reason, the…
user3071284
- 6,955
- 6
- 43
- 57