Questions tagged [modal-dialog]
Refers to a graphical dialog used to display important information to the user. These dialogs appear above all other content, blocking application flow until user input is received.
modal-dialog
12,072
questions
-1
votes
0
answers
9
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
18
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
1
answer
33
views
Sveltekit reuse form as a modal within another form
I've got the following route:
- routes
- artists
- [slug]
- new
- +page.server.js
- +page.svelte
where new/+page.svelte is the following:
<script>
import ...
- 1,253
-1
votes
0
answers
21
views
bootstrap5 + id modal? [closed]
I'm developing a system where I need to click on a button of the record ID example 1 and it goes inside the modal to edit the record, but I can't retrieve the data inside the modal passing this ...
-1
votes
2
answers
37
views
How can I select HTML elements which are rendered after DOM
I want to select OKBTN
let main = document.querySelector("#main");
let okBtn = document.querySelector("#ok");
function myAlert(title,msg,icon){
let card = "";
...
0
votes
0
answers
16
views
onCancel function has no animation in Ant Design
I use Modal Component from Ant Design and I notice that once Modal is opened up there's normally an animation showing. However, when I cancel or close the modal, there's just flicker and no animation ...
- 1
0
votes
3
answers
32
views
Trigger specific modal content
I have working code that toggles a modal, but I want to be able to toggle different modal content by different triggers on the page. I know I need to use ids in this, but I am not 100% sure how to ...
- 1
0
votes
0
answers
29
views
Primeface13 openDynamic doesn't work NPE exception
I'm using Primeface13, java8 and tomcat9 and I'm trying to open a new page using openDynamic.
I have my test2.xhtml page under webapp folder and my level1.xhtml page under WEB-INF/tag/level1.xhtm.
In ...
0
votes
2
answers
58
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
Open third party link in modal popup using headless drupal 10
Trying to open external link in modal popup itself. While implementing i found that internal pages are rendering properly but the ask is that external link should get open in popup using headless ...
- 1
0
votes
0
answers
27
views
I want to align modal center bottom on all screens
This is my code i want to do that when ever modal will open it will aligned in center bttom on all screen how can i achive that ?
i do this code but its not working on all screen sizes can any one ...
- 35
0
votes
0
answers
22
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
21
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
-1
votes
2
answers
51
views
Official example Svelte modal component is not closing from parent component in SvelteKit project
I have added Modal to my Sveltekit Application from official example given at https://svelte.dev/examples/modal
My Modal.svelte is
<script>
export let showModal; // boolean
let dialog; /...
- 9,192
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