Questions tagged [popper.js]

Popper.js is a valuable tool in web development that assists in positioning poppers, elements on the screen that appear to "pop out" from the standard flow of the page. It can be used for tooltips, popovers, drop-downs, and more. This javascript library has no dependencies, making it a lightweight option for developers. Notably, Popper.js is utilized by big players like Twitter with Bootstrap v4, Microsoft with WebClipper, and Atlassian with AtlasKit. Remember to also include the Javascript tag when utilizing Popper.js in your projects.

Clicking on multiple instances of the same Vue.js component (popover) results in displaying identical data

Attempting to display an AJAX response in a popover shown by clicking an icon (a custom Vue component) brings about a challenge. The issue arises when there are multiple instances of this component, dynamically rendered through the v-for directive within a ...

javascriptvue.jseventemitterpopper.jsvue-props

How can I adjust the vertical position of Material-UI Popper element using the popper.js library?

https://i.stack.imgur.com/ZUYa4.png Utilizing a material-ui (v 4.9.5) Popper for a pop-out menu similar to the one shown above has been my recent project. The anchorElement is set as the chosen ListItem on the left side. My goal is to have the Popper alig ...

javascriptcssreactjsmaterial-uipopper.js

Troubleshooting a Bootstrap 4 Dropdown issue within a Laravel-Vue single page application

Spa.blade.php file <!doctype html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <title>SPA</title> <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,4 ...

laravelvue.jsbootstrap-4popper.js

How can you implement a bootstrap navigation bar in a vue.js project?

I have encountered a problem with using html in my vue project. Despite following the documentation, it seems that the html is not working properly. I am unsure if this issue could be related to the import of popper.js. I have checked my code and I believe ...

javascriptvue.jsbootstrap-5popper.js

Automatically close Material UI Popper after a short delay

How can I make a popper appear when the user clicks the "copy link" button to indicate that it has been copied and then automatically disappear after a brief moment? Below is the code snippet for creating this functionality: import * as React from 're ...

reactjsmaterial-uipopper.jsreact-popper

Having trouble installing Popper.js?

I have encountered an issue while attempting to install popper.js in my angular project. ng new <<project>> cd <<project>> npm install popper --save npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules ...

angularnpmpopper.js

Concealing Popover with internal click

I am currently implementing Vue-PopperJS in my project, following the setup provided on the linked page with a few modifications: <template> <Popper ref="popover" trigger="clickToToggle" :options="{ pla ...

javascriptvue.jspopper.js