Javascript – 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…
Html – 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 handlers shouldn't trigger when a modal is…
Css – How to make the position of a modal window static when zooming or resizing the screen
The site (written in React, using Typescript and Tailwind) has a modal window. Modal is implemented using the "react-modal" library https://reactcommunity.org/react-modal/ . With standard browser window sizes, there are no problems with a modal window. However, if the user resizes…
Css – How to change the appearance of just one button that is part of a larger class?
I would like to hide the save button in a Vue Modal, but when I access the button like so, .btn.btn-primary { display: none; } It changes the appearance of every .btn-primary. It doesn't work to specify .modal on the…
Html – 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 the website…
Javascript – How to get the form data from the modal-component into the submithandler
I'm working on a VUE app. Part of the app is to show a table (team) with information from the backend (by axios / django rest_framework). This all works. When I click "nieuwe categorie" the modal opens with a form.…
JavaScript is not communicating with my HTML file
My HTML file has a profile and help button, my help button contains a modal with a question and 3 buttons. If you select the 'yes' button, it should increment the Right Answers in the profile button's table. Vice versa…
React Native keyboard pushes up modal on Android
I have a very simple modal component with a TextInput inside and whenever I focus on the TextInput my whole View gets pushed up. For smaller modals this is not a problem, however I have a few modals with bigger…
Javascript – Confirm Dialog appear two twice
I'm using primeng in my project. I have a mat-tab with the same component inside the both, this component is a form with a button that when I press shows a confirm dialog. The problem is, when I press the…
Html – Elements inside of dialog element will not show up when outside of bounds of dialog
Problem Wanted to create a dialog element that has an x button to close the <dialog> in the top-right. I was thinking I could use absolute position / transforms to accomplish it, but when the x button reaches outside of…