title: stopPropagation on ion-scroll when i scroll on the table element
body: <p>I have 2 table inside a ion-scroll element made with angularJs:</p>
  
  <pre><code>&lt;ion-view&gt;
       &lt;ion-scroll class="has-header has-footer" scrollbar-y="false" direction="y"&gt;
           &lt;div ng-controller="calendCtrl" &gt;
              &lt;div id="t1" class="CSSTableGenerator" &gt;
                  &lt;table class="planner" isolateScrolling&gt;
                       &lt;tr ng-repeat="row in calendarData track by $index"&gt;
                          &lt;td colspan="{{day.colspan}}" title="{{day.title}}" 
                              ng-class="day.class" 
                              ng-click="calendarCellClick($parent.$index,$index)"  
                              ng-repeat="day in row track by $index"&gt;
                               {{day.descr}}
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
  
              &lt;div id="t2" class="CSSTableGenerator" &gt;
                  &lt;table class="planner" isolateScrolling&gt;
                       &lt;tr ng-repeat="row in calendarData track by $index"&gt;
                          &lt;td colspan="{{day.colspan}}" title="{{day.title}}" 
                              ng-class="day.class" 
                              ng-click="calendarCellClick($parent.$index,$index)"  
                              ng-repeat="day in row track by $index"&gt;
                               {{day.descr}}
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
  
           &lt;div&gt;
      &lt;/ion-scroll&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>This 2 tables are realy long so i need an overflow scroll for both, but i need a ion-scroll to see both the table. </p>
  
  <p>On Chrome Browser if i scroll when my mouse pointer is on the first table, i can scroll the first table but the ion-scroll element scroll too.  </p>
  
  <p>On safari, on the iPad i can scroll only the ion-scroll view but i can't do the same with the tables.</p>
  
  <p>How can i manage that?</p>
  
  <p><strong>UPDATE 1</strong></p>
  
  <p>On a Firefox&amp;Chrome a <a href="https://stackoverflow.com/a/20894131/1373229">stopPropagation</a> directive solve the double scroll behavior, but the table on iPad still unscrollable.</p>
  
  <p><strong>UPDATE 2</strong></p>
  
  <p>I have the same problem with the iPad scroll in a select input element on a long form, where i can scroll the form but not the select.</p>