I am using the most excellent sexy Bootstrap modal for Angular, but have encountered a problem.
I am opening a new modal immediately after the sexy full-screen modal closes. However, the residue of the sexy modal - the background - remains until the new modal closes. Is there a way to hook an event up to the sexy modal that fires when the modal actually finishes closing? I don't want to set up a timer, that would be a bit dirty...
Any ideas greatly appreciated.
Related
Our site is in react and we are using reactstrap. When you post a comment, a modal with a textarea opens. Everything works fine on desktop (chrome/safari, etc).
On iOS/Safari, when you write a new post, everything works fine. If you try to edit that post, as soon as you click on the textarea (anywhere else on the modal is OK), the modal closes.
If you click and hold on the text in the textarea, it will let you select but as soon as you tap it and the keyboard starts to slides up, the modal vanishes.
The modal is set to open statically but that doesn't help.
Anyone have this experience or know of a solution?
I had the same issue, and it fixed after adding position:fixed to the body when opening a modal.
On click of a link, a modal opens up. But the modal is flickering badly. Not sure why it is flickering, is it because of any wrong property or any other factor. This happens in chrome only, Other browsers does not show this kind of issue.How can i fix the flickering of my modal?
Just incase anyone else has the same issue. In my case it was caused by the modal animation, I fixed it by applying animation-fill-mode: forwards; on both the modal and overlay and the flickering stopped
(sorry my english!)
I use a modal window within a Tabview's page.
Check this little playground example.
Open the modal window, go to Second page, and return to First page. How can i solve this problem with the opened modal window? I need switch to other pages, return to the modal window's page, and close the modal window.
I've been trying to figure this out. The Widget Browser application, from Qooxdoo website have the same problem, with the Window page example.
Thanks.
this little modification work fine
Playground example
I am using UI bootstrap modal window to show a form which takes data from a controller and passes on to modal window. But when window pops up, the controller is getting called and all the service calls are being made again, eventually reloading the page.
Can someone help on how to prevent this reloading? Basically activate() function is called again after the modal window is popped up.
Thanks,
-/Sammi
P.S. I am newbie to angular. Please help.
I actually fixed it. Now I created a new directive from Modal window and passed the controller instance to it.
Thanks,
-/Sammi
I am trying to display an AngularUI based Bootstrap Modal window which has embedded YouTube videos in iframes. Everything works fine but while loading the modal window flickers at least once before the entire modal content is loaded.
From whatever I researched I can understand that Bootstrap modal opens up before the contents are loaded completely and the iframes in which the Youtube videos are embedded is causing it.
Any idea why this is happening and suggestions to avoid the flicker will be appreciated.
adding ng-cloak to the template used for the dialog fixed the same issue for me.