title: Edit field in background while keeping an Angular UI Modal open
body: <p><a href="http://plnkr.co/edit/10JowHjyKPgej1L6ofq9?p=preview" rel="nofollow noreferrer">In this plunk</a> I have an Angular UI modal that's open and doesn't allow to edit/change anything in background. I need to edit a text field while keeping the modal window open. Is this possible?</p>
  
  <p>HTML</p>
  
  <pre><code>Enter 222 in this field without closing the modal:&lt;input type="text" ng-model="someField"&gt;
  
  &lt;style&gt;
        .modal-backdrop.in {
          opacity: 0;
        }
        .app-modal .modal-dialog {
            top: 80px;
            width: 180px;
         }
  &lt;/style&gt;
  
  &lt;script type="text/ng-template" id="myModalContent.html"&gt;
  
      &lt;div class="modal-header"&gt;
          &lt;p class="modal-title"&gt;The Title&lt;/p&gt;
      &lt;/div&gt;
  
          SOME CONTENT
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>var app = angular.module('app', ['ui.bootstrap']);
  app.controller('ctl', function ($scope,$uibModal) {
  
      $scope.modalInstance = $uibModal.open({
          templateUrl: 'myModalContent.html',
          windowClass: 'app-modal',
          backdrop: 'static'
        }); 
  });
  </code></pre>