Accessible modal dialog component for React.JS
Questions tagged [react-modal]
260 questions
0
votes
1 answer
react-modal throws error when upgrading from React 14 to React 16
React-modal worked great for us in React 14.
We upgraded to React 16 and are getting the following error.
invariant.js:38 Uncaught Error: Modal.render(): A valid React element
(or null) must be returned. You may have returned undefined, an…
dt1000
- 3,684
- 6
- 43
- 65
0
votes
2 answers
React Material-Ui(0.20.0) dialog not show expected results?
React Material-Ui has the Dialog component which has the property modal, when i change it to true or false it show me the same result what does this property means?
it is really confusing me kindly help me?
Material Ui version:0.20.0
Code
0
votes
1 answer
Clicking a button to open dialog in ReactJS
I'm working with React MDL library, and I used pre-defined components like FABButton
And it shows the button as in the image bellow:
Now, what I want is showing a dialog with the + icon... not as…
Meqdad Dev
- 131
- 1
- 2
- 10
0
votes
1 answer
How to change Modal state from outside the React class?
I am trying to call my modal by changing the state from outside the react class. But so far no luck. I tried the following:
I have a method named Portfolio which needs to activate the modal once user click on the Image
const Portfolio = (props) =>…
jquery404
- 653
- 1
- 12
- 26
0
votes
0 answers
Making React-Modal Non transparent
I am using react-modal in my code.
Please find below its style,
const customStyles = {
content : {
top : '37%',
left : '50%',
right : 'auto',
bottom :…
Mangesh Tak
- 346
- 1
- 6
- 22
0
votes
1 answer
Triggering a passed-down event inside custom MenuList in React-Select
I want to open a modal which exists in the parent component from a button inside the MenuList of react-select. I created a custom MenuList with my button and passed it to react-select as . I am not sure how to…
Kaung Htet
- 577
- 1
- 11
- 28
0
votes
1 answer
use react-modal error: Uncaught TypeError: Cannot read property 'ReactCurrentOwner' of undefined
working on a react-lite project, I also installed react. Want to use react-modal to create a window when clicking a button. can not work.
Error is Uncaught TypeError: Cannot read property 'ReactCurrentOwner' of undefined.
I tried reinstall…
Joe Wong
- 91
- 1
- 6
0
votes
2 answers
React modal animation modal keyframes
I am using react modal for models in my react application. I would like to add some animations to them for when they appear. I am using. css3 keyframes to animate my modals.
@keyframes modalSlide {
from {
transform: translateY(-50%);
…
user3476614
- 537
- 2
- 8
- 26
0
votes
1 answer
How to open a modal with in a modal without closing parent modal | react-modal
I am using React Modal Plugin to display the modals. I am trying to achieve to below scenario.
On button click a modal will open, inside the modal, i have another button, on click of this button, need to open another modal. but the first opened…
user4217999
0
votes
2 answers
z-index not working on modal created in react and modal not appearing on top
I have created on modal using HTMl and CSS in react but, modal is not working as expected when deployed on environment as I have set z-index of modal to be higher
But there are other component on page who has also z-index and as those component…
JRishi
- 343
- 1
- 5
- 12
0
votes
1 answer
React - Accessing map properties from a different class
I am pretty new to react and there are things I don't even know how to search for in google.
Ok so I have a class in which I am rendering an image gallery by mapping the images of the item. Bellow is the example code:
example.images.map((img,i) => {…
user7225626
0
votes
2 answers
Index of selected value remains same for all dynamic spinners React-native
I am trying to make dynamic screen where i am adding multiple CustomSpinners using forEach loop in react-native.
The problem I am facing is that whenever I am selecting value from any spinner that value gets updated for all spinners, as the index…
user2028
- 163
- 4
- 15
- 40
0
votes
1 answer
React-router-modal strange behavior - I need two clicks to go back, should be just one
I used this npm package => react-router-modal( doc )
And here (click) in that example it takes only one click to go back from modal, but in my case, I must do the mouse click two times to go back, and I don't know why...
So maybe someone here can…
MountainConqueror
- 592
- 3
- 7
- 27
0
votes
1 answer
React-Modal "Objects are not valid as a React child"?
Have a look at the following code.
import React from 'react';
import Modal from 'react-modal';
const OptionModal = (props)=>(
Selected Option
…
Unity Hour
- 550
- 2
- 7
- 22
0
votes
0 answers
React modal in react table not returning unique content for each row
I am using react-modal and react-bootstrap-table2 to display row's values in a modal.
Right now the modal displays the last rows values regardless of row clicked. How do I make sure the each modal displays its own rows data?
renderButtons = (cell,…
Sean Kelley
- 491
- 1
- 9
- 17