bootstrap-modal
bootstrap-modal copied to clipboard
jschr
modal-footer - buttons not responding on some web pages and not others
The buttons in the modal-footer part of the modal do not always work. It is as though the events are just not being invoked. On other web pages it is ok. Any thoughts?
How are the events being set? I personally have not had any issues with buttons in modal-footer.
It is important to note that when an element is modaled, it is appended to a different container. If you are using delegate events that are attached to the DOM above the modal element you may run into problems. If that's the case I recommend attaching any delegates to the modal element.
Other than that I haven't a clue. A reproducible or example page would help.
Hi thanks for replying,
I have to go out now but briefly, I use standard bootstrap in which all my modals work as expected.
I then applied the ‘bootstrap-modal’ css and js as explained in GitHub, and most modals are fine. But some, in which no different methodology is being used to define buttons or delegates, just don’t work. Clicking outside the modal closes it, clicking the ‘x’ at top right closes it, but my ‘cancel/save’ just won’t work. If I remove the modal css/js it all works again.
Hmmmm?
Kevin Smith Applied Software Solutions Ltd Tel: 0845 365 4010 Fax: 01582 433794
From: Jordan Schroter [mailto:[email protected]] Sent: 31 July 2013 16:27 To: jschr/bootstrap-modal Cc: Kevin Smith Subject: Re: [bootstrap-modal] modal-footer - buttons not responding on some web pages and not others (#148)
How are the events being set? I personally have not had any issues with buttons in modal-footer.
It is important to note that when an element is modaled, it is appended to a different container. If you are using delegate events that are attached to the DOM above the modal element you may run into problems. If that's the case I recommend attaching any delegates to the modal element.
Other than that I haven't a clue. A reproducible or example page would help.
— Reply to this email directly or view it on GitHubhttps://github.com/jschr/bootstrap-modal/issues/148#issuecomment-21871305.
Not really because on a simple test project it is ok. There’s some slight difference when using the replacement css/js files over the existing bootstrap modal. Funny thing is, on one of my dead simple edit UI’s it doesn’t work, and on my super-complex tabbed UI it is all ok! For now I will use the original modal in which I have added some css to allow the modal to scroll with the body if it goes off the page.
Thanks.
Kevin Smith Applied Software Solutions Ltd Tel: 0845 365 4010 Fax: 01582 433794
From: Jordan Schroter [mailto:[email protected]] Sent: 31 July 2013 16:56 To: jschr/bootstrap-modal Cc: Kevin Smith Subject: Re: [bootstrap-modal] modal-footer - buttons not responding on some web pages and not others (#148)
Do you have an example you can provide showing the issue?
— Reply to this email directly or view it on GitHubhttps://github.com/jschr/bootstrap-modal/issues/148#issuecomment-21873445.
Hi, I'm facing a similar problem. My < button type="submit "> are not working while using this plugin. Any idea?
I just opened a new issue on this - I think we are having a similar issue. My ASP.NET submit buttons that cause a postback are not triggering. These are button type="submit" as well.
I think Bootstrap-Modal causes normal submit buttons to fail as it intercepts ones that are not for modals only.
