All Questions
Tagged with modal-dialog html
1,646
questions
-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
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 ...
- 1
0
votes
0
answers
29
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
-1
votes
2
answers
62
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,242
0
votes
1
answer
19
views
Javascript modal box appears permanently on page but my other two modals dont
I have 3 modal boxes that open upon clicking the learn more buttons. the issue is the 3rd one is open on page load and is unable to close using the "X". It worked perfectly before I centred ...
- 11
1
vote
0
answers
66
views
Can the HTML dialog element be opened as modal without JavaSctipt method showModal()?
Seems odd that you can set the "open" attribute on a dialog element with HTML, equivalent of JavaScript method show(), but there is no attribute equivalent to the JavaScript method showModal(...
- 454
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
0
answers
14
views
bootstrap datepicker not showing date dropbox
I have the following script that works fine:
<head>
<title>DateTimepicker</title>
<!-- Include Bootstrap CDN -->
<link href=
"https://maxcdn.bootstrapcdn....
0
votes
0
answers
40
views
Javascript show modal using get ID method returns null
The issue I'm facing is my modals that are connected to my learn more buttons should be opening and displaying text. This works perfectly on my local server in docker. However, when deploying the ...
- 11
-1
votes
1
answer
78
views
How to detect if any modal <dialog> is open?
I have a page with multiple <dialog> elements, which I open as modal using their showModal() methods.
I want to detect whether any of them is currently opened from Javascript (since some event ...
- 849
1
vote
0
answers
31
views
Browser back button didn't gave me time to show the modal
This is my js code first i have tried if someone made changes in fields then this modal shows if i tried to go other pages without saving. That's work fine for me. But on browser back button a problem ...
- 58
0
votes
0
answers
22
views
Issue with Modal in Bootstrap: Modal does not close upon clicking outside
I have a Bootstrap modal that opens successfully upon clicking a button, but it doesn't close when I click outside of it, which is the desired behavior. How can I implement this functionality?
Here's ...
- 31
0
votes
1
answer
37
views
Bootstrap Modal header css variable not defined - var(--bs-modal-header-padding) not defined
I am not using modal-header inside modal
I want to use modal-header css property, inside normal div
But css property has values when its inside modal but it shows variable not defined when used in ...
0
votes
0
answers
23
views
Modal button click function not defined - Uncaught ReferenceError
Question Description:
I have a modal that should open when clicking on a "Share!" button on my webpage. However, I'm encountering an "Uncaught ReferenceError: openShareModal is not ...
- 31
0
votes
2
answers
106
views
Issues with centering a modal overlay on mobile screens
I am working on a website with the structure as shown in this codepen. Modal-test . In codepen, there doesn't seem to be any issue when i open the Chrome devtools and toggle device toolbar to see how ...
- 23