Skip to main content

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.

-4 votes
0 answers
25 views

modal didn't showed up [closed]

I'm making a modal named update modal. in page 1, when I click the button to trigger the modal, it work. but when I do the same things in next page it didn't work. I expecting this modal showed up in ...
Satura Izhato's user avatar
0 votes
0 answers
36 views

Create a window in Qt not blocked by modal windows [closed]

I am creating an application in Qt (for Windows), which has a main window and many dialogs, which are opened in modal mode. But I also need to create windows that are not affected (blocked) by the ...
Antonio Bocaverde's user avatar
0 votes
1 answer
19 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 ...
Andre's user avatar
  • 1
0 votes
0 answers
16 views

backdrop-blur not working in modal using tailwindcss

I want to blur the background when the modal pops up and currently it does not work HTML: <!-- modal --> <div id="modal" class="w-4/5 sm:3/4 md:w-2/3 lg:w-1/2 bg-gray-300 ...
Mani Safarzadeh's user avatar
0 votes
0 answers
10 views

How to handle modal dialog using C# and VUEJS in selenium webdriver?

DuplicateCancel In the html below, How to handle the button "Duplicate" in a modal box using C# and Web Driver based on VUEJS?
jeff_hqh's user avatar
1 vote
1 answer
30 views

Behavior of `overflow: auto` on `<div>` inside `<dialog>` [duplicate]

I want to style a dialog so it is 4rem from the top of the viewport, and limit its height to a max of 4rem from the bottom. I am doing this with the following on the dialog: margin-top: 4rem; max-...
avernet's user avatar
  • 31.5k
-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 ...
Ishu Modanwal's user avatar
-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 ...
Zeynalli Zeynal's user avatar
0 votes
1 answer
42 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 ...
MrCujo's user avatar
  • 1,253
-1 votes
2 answers
41 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 = ""; ...
Pawan Lal Rathore's user avatar
0 votes
0 answers
20 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 ...
CChickii's user avatar
0 votes
3 answers
38 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 ...
Lionel's user avatar
  • 1
0 votes
0 answers
33 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 ...
Andrea P.'s user avatar
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, ...
Vikas Jyani's user avatar
0 votes
0 answers
32 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 ...
Gaurav's user avatar
  • 1

15 30 50 per page
1
2 3 4 5
805