title: using angularjs and bootstrap3 modalInstance.dismiss('cancel') does not work in IE
body: <p>I am using
  <strong>AngularJS v1.2.6</strong> and <strong>bootstrap 3.0.3</strong></p>
  
  <p><a href="http://jsfiddle.net/paries/HB7LU/1858/" rel="nofollow">this is an example of the problem on jsfiddle</a>. It works on FF and Chrome, but not IE.</p>
  
  <p>I have this modal dialog, that works great except for when you close it using IE9 on win7</p>
  
  <p>in my controller i have have the following snippet. both <code>$modalInstance.close(result);</code> and <code>$modalInstance.dismiss('cancel');</code> behave the same way with IE. When the dialog is shown you can see the dialog and also see the page data behind via the translucent bg which is expected.</p>
  
  <p>But when i click the close button, the dialog goes away as well as the page behind. It goes completely blank </p>
  
  <p>Anyone else have this problem or know how to fix it would be greatly appreciated.</p>
  
  <p>I am editing this because i have found more information.</p>
  
  <p><strong>This problem only shows itself IF the modal html has an Iframe and the iframe src is a PDF</strong></p>
  
  <pre><code>        &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" ng-click="cancel()"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;FRAME&lt;/h4&gt;
              &lt;/div&gt;
  
              &lt;iframe src="/pdf-test.pdf"&gt;&lt;/iframe&gt;
  
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-default" ng-click="cancel()"&gt;Close&lt;/button&gt;
                  &lt;!--   &lt;button type="button" class="btn btn-primary" ng-click="close()"&gt;Close2&lt;/button&gt;--&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- /.modal-content --&gt;
  </code></pre>
  
  <p>here is some of the open, but i think really does not matter, because if the src of the iframe is any dialog if exhibits the problem</p>
  
  <pre><code>var modalInstance = $modal.open({
              templateUrl: '/snippets/modal.html?v=3',
              controller: ['$scope', '$modalInstance','modaldata', function($scope, $modalInstance, modaldata) {
  
                  $scope.modaldata = modaldata;
  
                  $scope.submit = function(feedback) {
                      $modalInstance.close({feedback: feedback});
                  };
  
                  $scope.close = function(result){
                      $modalInstance.close(result);
                  };
  
                  $scope.cancel = function() {
                      $modalInstance.dismiss('cancel');
                  };
              }],
              resolve: {
                  modaldata: function () {
                      return $scope.modaldata =
                      {
                          'id' : pmIdSeq
                          ,'iframeSRC'    : iframeSRC
                          ,'modaltitle'   : $scope.druggroupslist[arrayIdx].pm_Title
                      };
                  }
              }
          });
  </code></pre>