m-e-conroy / angular-dialog-service

A complete AngularJS service with controllers and templates for generating application modals and dialogs for use with Angular-UI-Bootstrap and Twitter Bootstrap
MIT License
618 stars 228 forks source link

Dialogs don't dismiss with angular-bootstrap 0.13 #117

Closed djehring closed 9 years ago

djehring commented 9 years ago

I recently updated angular-bootstrap to version 0.13, but found that the dialogs no longer dismiss by any button. I am using version 5.2.6 of the dialogs. Downgrading to 0.11 fixes the issue.

faisalferoz commented 9 years ago

In my case they do dismiss but the grey overlay stays there.

leobudima commented 9 years ago

Same problem...

dlwhiteman commented 9 years ago

Mine do not dismiss either. Please fix this ASAP because angular-bootstrap 0.13 provides important functionality to my application.

NeevShah commented 9 years ago

I'm facing same problem.. please fix this ASAP...

leobudima commented 9 years ago

Problem is most likely with ngAnimate.

https://github.com/angular-ui/bootstrap/issues/3694

It works if animation is disabled, but since it is not possible to send "animate: false" as an option through angular-dialog-service call, you need to edit the source and force it in each dialog method (error, wait, confirm...).

niemyjski commented 9 years ago

@m-e-conroy @leobudima I also think it has to do with animation.. I'm seeing the same behavior... I had to add a resolution to ensure that "angular-animate": "~1.3.15" was used.. This is preventing me from upgrading to angular 1.4.

Also can we update the other dependencies like angular-translate and angular-bootstrap

angular-dialog-service#5.2.6 │ ├── angular#1.3.15 (1.4.1-build.4029+sha.d7dc14d available) │ ├── angular-bootstrap#0.13.0 incompatible with ~0.11 (0.11.2 available, latest is 0.13.0) │ ├─┬ angular-sanitize#1.4.0 (1.4.1-build.4029+sha.d7dc14d available) │ │ └── angular#1.3.15 incompatible with 1.4.0 (1.4.0 available, latest is 1.4.1-build.4029+sha.d7dc14d) │ ├── angular-translate#2.1.0 (latest is 2.7.2)

deeg commented 9 years ago

Was anyone able to create a plunker showing the issue? When I tried the issue wasn't happening, which means there might be something else in my code which causes the issue.

nmarshall23 commented 9 years ago

This happens to me too, when I add Angular Toastr directive to a controller that also has ui.bootstrap.modal.

My page doesn't return from the faded out state.

It has something to do with the version of ngAnimate used. Soon as the module depends on ngAnimate 1.4.0, the bug shows up, when a modal is closed.

niemyjski commented 9 years ago

hmm. I also have toastr installed.

On 6/3/15, Nicholas Marshall notifications@github.com wrote:

This happens to me too, when I add Angular Toastr directive to a controller that also has ui.bootstrap.modal.

My page doesn't return from the faded out state.

It has something to do with the version of ngAnimate used. Soon as the module depends on ngAnimate 1.4.0, the bug shows up, when a modal is closed.


Reply to this email directly or view it on GitHub: https://github.com/m-e-conroy/angular-dialog-service/issues/117#issuecomment-108607003

Thanks -Blake Niemyjski

jberzins commented 9 years ago

Issue with 1.4 animate and bootstrap https://github.com/angular-ui/bootstrap/issues/3633

Workaround by John: angular.module('MY_MODULE_NAME').config(function($modalProvider) { $modalProvider.options.animation = false; });

m-e-conroy commented 9 years ago

@jberzins Thank you for taking the time to figure this one out, and anyone else that suspected it was the ngAnimate issue with Angular 1.4

I apologize to everyone else, I've been super busy lately with my real job to actually work on this. I will look into adding the above workaround directly into the dialogs service.

m-e-conroy commented 9 years ago

Added the ability to toggle animations on and off via modal options or turn on using $dialogsProvider.useAnimation() within a config block as animations will be off by default seeing as its causing a problem.

leobudima commented 9 years ago

Thanks a lot, @m-e-conroy, really appreciate your effort and finding the time!

trickpattyFH20 commented 9 years ago

Update I made a plunker, looks like a problem with ui-bootstrap...

http://plnkr.co/edit/9AXi1I7P7YN7wqMS8RDS?p=preview

my problem is using animations on an ng-repeat within the modal, not on the transition to the modal itself.

I know the actual animation is fine, it works on ng-repeats in the parent view. the ng-enter and ng-leave classes are not added to an ng-repeat in a partial used with the angular-dialog-service

maybe this is another problem with ui-bootstrap modals? does anyone have any tips on where to even start debugging this or looking for a workaround?

has anyone else run into this problem? @m-e-conroy @leobudima