All Questions
Tagged with modal-dialog reactjs
704
questions
0
votes
1
answer
21
views
Create a dynamic react component using portal and promise
Call a modal or drawer from anywhere in my react app using simple a function.
I have made this work by using the root.render, but the problem with root.render they cannot found any of my previous ...
- 1
-1
votes
0
answers
29
views
How to Render a Modal Route on Top of Current Page Content Using React Router?
I'm working on a React application where I need to render a settings modal on top of the current page content when navigating to the /setting route. I want the modal to overlay on top of whatever page ...
-1
votes
0
answers
23
views
CSS backdrop-filter blur is not working as expected
i have a modal window with position of fixed and black background with backdrop filter blur on the overlay. im encountering a very weird problem with blur effect. so, as i open the modal, at the ...
0
votes
2
answers
62
views
Pressing Escape key on modal triggers the escape event on the parent component
This is the main page.
"use client";
import React, { useEffect, useState } from "react";
import TestModal from "./TestModal";
const App = () => {
const [isOpen, ...
- 21
0
votes
0
answers
26
views
How to make the background of a Modal in React Native as white blurred?
I am using the TransitionPresets.ModalPresentationIOS to launch a Modal screen. I would like to make the top background of the Modal screen to a blurred white colour. I can't use Modal component in ...
- 480
0
votes
2
answers
23
views
How to have the same transparency mask on every ant design modal?
{filteredBookings.map((booking, index) => (
<Modal
key={index} // Make sure to provide a unique key
open={detailModalVisible}
...
- 1
0
votes
0
answers
19
views
Hide child component from parent with transition
I created this modal component:
interface ModalProps extends PropsWithChildren {
/***/
onClose: () => void;
}
const Modal: FC<ModalProps> = ({
/***/
onClose,
children
}) => {
...
- 13
0
votes
1
answer
42
views
Modal with React JS Best practice
I would like to make a modal window where the user can choose a team of 3 characters.
So far I've been using a state in the parent component like const [showModal, toggleModal] = useState(false);
But ...
- 57
0
votes
1
answer
29
views
Table data not getting updated until i refresh the page
The issue I'm encountering is that when I add data to the database through a modal component, the new data doesn't immediately appear in the table. It only shows up after I refresh the page. I ...
0
votes
0
answers
35
views
React-Native: SafeAreaView not working in Modal
Following is done for a mobile app on android in react native.
I want to display a text in the center of the screen, however even with a SafeAreaView it is not in the center, it is still a bit off, ...
- 49
0
votes
1
answer
33
views
Video isn't stopping even when I open modal
I have a video tag in which I am playing some video and passing that video to my modal as a prop. When I open the modal, the video still plays in the background. I want it to be stopped when I open ...
0
votes
2
answers
52
views
Data in modal is not updating in React JS
I creating clone of frontend of this website, everything is going smoothly but when I reached at cart section I find there is a lot of work. In short, I just create a Add to Cart button for my website ...
0
votes
1
answer
26
views
I want to disable the Formik validation when loading a modal
I am using Formik and Yup in my React Typescript project , I have a modal that will save a new value , I added Formik Validation to the Fields in my modal but when I click the add button in my page to ...
- 1
0
votes
2
answers
35
views
How to open a modal in a function
I want to open a modal by click a button which is supposed to export some datas in an excel file.
So there is my code but the modal is still close.
I'm new in react, did I do something wrong ?
Thank's ...
- 540
0
votes
0
answers
104
views
How to integrate Modal from Laravel Breeze React starter kit?
This was the original code from the Modal Component that came along with the Laravel Breeze React starter kit, but I can't see to get the modal to show up - is this code only for a dark background of ...
- 3