Questions tagged [react-popper]
46 questions
1
vote
1 answer
React-Popper + custom Components using Hooks
I have a set of Components that should not use react-popper internally.
I'm trying to have them be used as Reference with react-popper.
I get that the solution is to use forwardRef, however, I spent hours trying to do it without great success.
Is…
Mose
- 1,781
- 3
- 16
- 35
0
votes
1 answer
How to style react-popper using render props in class components
Just updated to react-popper 2.3.0 and @popperjs/core: "2.11.6
Tring to set the style as desribed on it's own doc, but writing:
opened
} strategy="fixed" /> returns the error Property 'red'…
Alberto3
- 35
- 2
- 4
0
votes
1 answer
how to get single Popper to render in mapping using React usePopper
I have a mapping in a reactstrap table. The first of every row should open a popper/tooltip like this:
I added the popper to my code using usePopper hook from react-popper library.
I'm successfully rendering the popper but since the element is…
giosan
- 291
- 1
- 4
- 15
0
votes
1 answer
Issue positioning popper tooltip inside scaled iframes
I'm having issue positioning popper on a scaled iframe element.
In the screenshot you can see that the element is wrongly positioned both on the X and Y axis. The scale is applied with a css rule transform: scale(x)
In this sandbox you can…
endosama
- 63
- 1
- 5
0
votes
1 answer
I use a DatePicker with a select to switch the year and month. I use react-popper to show the DatePicker. But when I use the DatePicker in a react-bootstrap Modal the options of the select will popup for a second when I click it but then disappear…
Martin Cup
- 2,399
- 1
- 21
- 32
0
votes
1 answer
Dismiss Material UI Popper after a few seconds automatically
I want this popper to show when the "copy link" button is clicked to let the user know that it has been copied, but then disappear on its own after a second or two. Here is the code for the popper
import * as React from 'react';
import Box from…
Colin S
- 123
- 7
0
votes
0 answers
react-poper usePoper hook custom offset not working
I'm trying using react-poper to create a title on hover to my component. I follow basic document to create test sample but the modifiers seem like not working.
No matter value of offset i set, the popup title alway show up at top: 0; left: 0 when…
Long Lý
- 59
- 3
- 12
0
votes
0 answers
Is it possible to customize the reference element in React Popper?
I am using React Popper to position an element relative to another. I have set up some basic code, to provide the starting structure.
export default function App() {
const [containerRef, setContainerRef] = useState(null);
const [tooltipRef,…
florinpavel
- 35
- 5
0
votes
0 answers
cant add bootstrap-carousel for my React App
I copied carousel code in bootstap react page. it gave this error : ./node_modules/bootstrap/dist/js/bootstrap.esm.js
Module not found: Can't resolve '@popperjs/core' in .....
.However, I did install popper.js by typing npm install popper.js Also…
Yasmin
- 57
- 1
- 6
0
votes
1 answer
Module '"react-popper"' has no exported member 'usePopper' #424
Packages versions
react-popper: "react-popper": "^2.2.5",
we used it in our custom-ui-kit project, and we were able to fix the error in that project, but we still have problems in the project it's used in.
Bahar
- 81
- 1
- 9
0
votes
1 answer
React Popper and React CSStransition
I am building a React project. Within the projekt I am using React Popper 2 for dropdown menus. Great for auto positioning the dropdown menu when you are near the edges of the web browser, etc. I am also using React Transition Group / React…
JoakimB
- 157
- 1
- 11
0
votes
0 answers
How to redirect on a click event, but NOT a touch event in React?
Complete newbie here, be gentle.
I'm using react-popper and react router-dom.
I have a top navigation component where, if you hover over a Menu item, sub navigation items appear (which are links). I would like, in the event of a click event, to be…
Alison Williams
- 21
- 2
0
votes
0 answers
React Popup does not access update state value
I am using react-popup. I have problem when I want to access update state value it not working . Mean, it not rendering UI if state is changed . When I closed pop up form then I clicked again then UI was reflected . I want if state is changed then I…
jonasprop
- 11
- 5
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
1 answer
How to customize react-popper arrow
How to set arrow style the same as the popper
import React from "react";
import ReactDOM from "react-dom";
import { Manager, Reference, Popper } from "react-popper";
function App() {
return (
{({ ref }) =>…
Yuliya Smirnova
- 1
- 1
- 1