angular-xeditable: Second open of date picker throws an error

angular-bootstrap: 0.13.4 angular: 1.4.0 angular-xeditable: 0.1.11

Having this code:

<small editable-bsdate="myDate"
             e-name="my-date" e-datepicker-popup="dd/MM/yyyy" e-init-date="false"
             e-is-open="data.isOpen" e-ng-click="data.isOpen = true">
     {{myDate | date) || 'empty'}}
</small>

I can open a bootstrap date picker. However, when I close it and open it again it fires an exception somewhere in angular ui bootstrap (some focus function). It shows the datepicker anyway. This happens even if I set e-on-open-focus="false".

I have a suspicion, that bootstrap date picker is rendered twice by xeditable directive.

About this issue

Original URL
State: closed
Created 8 years ago
Comments: 19 (8 by maintainers)

Most upvoted comments

Here is a plunkr that shows the fix working.

Do you have an example of the fix not working?

ckosloski on Apr 13, 2016

I think this can be fixed by adding the following to the UibDatepickerPopupController:

$element.on('$destroy', function() {
      $scope.$destroy();
     });

I have opened an issue with ui-bootstrap

ckosloski on Apr 11, 2016