Stack Overflow
Stack Overflow

Questions tagged [react-modal]

Accessible modal dialog component for React.JS

260 questions
1
vote
1 answer

How to disable backdrop and close previous open modal in react-modal

Am using react-modal component, I don't need backdrop in certain scenarios, how do I disable the backdrop. Don't see any property in the documentation. How do I close any previous modal's if opened, whenever a new modal is opened.
user4217999
1
vote
0 answers

Wrapping React Component Generically

I've posted this on Reactiflux but may get more traction here. I've created a sandbox to demonstrate my need: https://codesandbox.io/s/xvnk0znw7z What I'm trying to do is create a generic modal wrapper that I can use to encapsulate several…
Sammy
  • 3,395
  • 7
  • 49
  • 95
1
vote
1 answer

How to create a fixed footer within a modal?

I'm creating a react-modal that animates in from the bottom of the screen. Once the modal is displayed, I need the modal to have a fixed/sticky footer that is fixed to the bottom of the browser window. For some reason, currently the footer is…
AnApprentice
  • 108,152
  • 195
  • 629
  • 1,012
1
vote
1 answer

Access variable modified in function in render method

I have the following code (trimmed the form and some other boilerplate): import React, { Component } from 'react'; import Modal from 'react-modal'; var responseMessages; export default class ContactForm extends Component { handleSubmit(event) { …
Georgi Stoyanov
  • 469
  • 1
  • 5
  • 24
1
vote
1 answer

Incorrect props passed to child component on pages 2+ of react-table

In an instance of react-table, I am adding a button to each row to launch a react-modal. This works as expected on the first page of the table, but on subsequent pages the incorrect id prop is passed into my custom ReactModal's listId. The id that…
Collin Barrett
  • 2,441
  • 5
  • 32
  • 53
1
vote
2 answers

Dynamically changing react-modal content

I have problem with react-modal. I have list of SingleElement and after click it should appear modal window with more details of clicked element. JSON with data is stored as state and from the inside of Modal I can't find way to get desired…
pkolawa
  • 653
  • 6
  • 17
1
vote
1 answer

React Modal - call function with params onClick, not on render

The issue I'm stuck on has to do with calling a function when a user clicks on a button, which will open a modal. The purpose of the function is to make a GET request for user information to populate the modal. I'm using the react-modal package,…
jamesvphan
  • 195
  • 1
  • 4
  • 14
1
vote
4 answers

React-modal setstate not working

export class StartContainer extends Component { constructor(props) { super(props); this.state = { showModal: false }; } handleOpenModal = () => { console.log("Here") //this.setState({…
pxr_64
  • 510
  • 1
  • 8
  • 23
1
vote
1 answer

Reactjs refresh parent after react modal popup changes data

I am using react modal to set up a pop up in on one of my components. I have a component that renders a div wrapped with react modal. My parent component renders the modal component on load with the isOpen set to false. Clicking a link on the…
mo_maat
  • 2,110
  • 12
  • 44
  • 72
1
vote
1 answer

React - How to open only one modal in an array

So I have just started learning react and for my for first little project I decided to make a simple UI using the Marvel API. I have an array that displays all marvel characters that begin with a certain letter, for example; a user inputs 'h' and…
GANON
  • 13
  • 4
1
vote
1 answer

undefined is not an object (evaluating 'UIManager.AndroidTextInput.Constants')

I'm currently working on both the Android and iOS version using react-native but I'm getting the following error arise on the iOS version: undefined is not an object (evaluating 'UIManager.AndroidTextInput.Constants')
Michael
  • 591
  • 8
  • 24
1
vote
2 answers

How can I set up a react modal to open from anywhere in the app?

I'm relatively new to React, but I'm trying to set up a modal that will open from anywhere. Here's how I'm trying to open a modal: class SearchResults extends React.Component { static propTypes = { status: React.PropTypes.string.isRequired, …
Shamoon
  • 41,293
  • 91
  • 306
  • 570
1
vote
1 answer

Update parent state inside react-modal

I'm trying to display a simple message inside a react-modal, depending on the parent's state. To keep it simple, I have a button in the Modal, which changes the state of the parent when clicked. It should then show a message on the Modal, but that…
Gregor Menih
  • 5,036
  • 14
  • 44
  • 66
1
vote
1 answer

React-Modal navigates on close

Using React, React-Router and React-Modal. Provided I have these routes: ReactDOM.render(( …
Tikkes
  • 4,599
  • 4
  • 36
  • 62
1
vote
1 answer

Single Dialog for edit - change object on render - React Modal

so I got a dialog using React-Modal like this: var React = require('react'), ptypes = React.PropTypes; var ReactDOM = require('react-dom'); var $ = require('jquery'); var VehiclePlantDialog = React.createClass({ PropTypes: { …
Tikkes
  • 4,599
  • 4
  • 36
  • 62
1 2 3
…
17 18