All Questions
13 questions
0
votes
0
answers
29
views
Shadcn Dialog X/close button not closing the Dialog
I have used the shadcn Dialog component in my react application as below:
Component:
.
.
.
import {
Dialog,
DialogTrigger,
DialogContent,
DialogHeader,
DialogTitle,
DialogClose,
} from '@/...
- 387
0
votes
1
answer
657
views
React modal dialog re-renders parent component - how to approach this
I have a parent component with reactive vars that are populated with data from a Mongo collection. The child modal dialog modifies this information, causing a re-render of the parent component — and ...
0
votes
2
answers
468
views
How do i effectively overlap modals in nexjts/react
Basically I want to create 3 modals stacked on top of one another, like the image below.
Clicking on the Create Ecosytem will open another shadcn Dialog like 2nd image below
The problem I am facing ...
- 24.4k
1
vote
0
answers
38
views
How to close current Dialog before opening another one?
This is my Login modal:
"use client";
import Link from "next/link";
import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
import {
Card,
...
- 13
0
votes
2
answers
3k
views
Material UI Dialog close dialog from inner component
I have a sign in dialog I have created using material ui but I am using a separate component for the log in button.
How would I close the dialog when I click the button? It is the submit button in the ...
- 111
0
votes
1
answer
1k
views
How do I pass in a component in a dialogue box (material-ui), using React?
Hi I am trying to display a chart component inside of a dialogue box. I am confused why the chart is not rendering inside of the dialogue box. It's a lot of code, so I can't do sandbox, but am ...
- 45
2
votes
1
answer
12k
views
React JS, calling function and closing a dialog on click
I am totally new to React. I had to edit someone's code to add new fuctionality.
On click of link, Code shows a confirmation dialog using modal. When user clicks Yes it should clear text in an area(by ...
- 27
0
votes
1
answer
1k
views
How to close a dialog box automatically when opening a different one in React
I am making a react app that has a navbar as pictured above. The navbar is a component called "TopButtonsBar". Rendered inside this TopButtonsBar component are a component for every button ...
- 13
0
votes
2
answers
796
views
Using Nodejs and React how do you display a Modal dialog from inside a TopNav dropdown
I have a TopNav file which displays the items across the top of my page. When the user clicks their icon a dropdown menu appears. When they select "About" from the menu I want a modal dialog to ...
- 143
88
votes
14
answers
117k
views
How to handle "outside" click on Dialog (Modal)?
My box closes when clicking outside of the box making me lose all the input.
I want my box to close only when clicking on the cancel button.
I am not sure what is making it close when clicking outside....
- 895
0
votes
1
answer
74
views
react SetState not updaing state immediately
On delete click I'm calling a modal dialog, and updating the 'userid' state with corresponding userid of deleting member. setState function not updating the value.
How can I achieve this in any other ...
- 115
0
votes
1
answer
59
views
Modal Window never activated
I am working with javascript React (I am new to it).
From my main page, I want to click on a button to open a dialog window to allow the user to input some values.
I found out about modal windows, ...
- 147
6
votes
1
answer
9k
views
ReactJs Modal Using Javascript and CSS
How to append reactjs modal window with body end tag to set the modal positioning absolute with body tag.
Here is example added inside the another component.
<div className="modal">
<p>...
- 63