title: iOS 7 hover/click issue - no click triggered in some cases
body: <p>I have a kind of "widget" - a data table with some rich functionality like sorting, row selection and else. </p>
  
  <p>In some cases (widget placement/nesting in DOM) clicks on it's rows are not triggered in iOS 7 Safari. </p>
  
  <p>Widget is using jQuery 1.6.4</p>
  
  <p>I can't publish a whole widget code (and you really wan't this to happen ;)), but I can narrow down a reproduction scenario to the following case:</p>
  
  <ol>
  <li>Simple html table with some rows, two cols in each</li>
  <li>First column contains a "checkbox" - simple <code>div</code> which is normally hidden and becomes visible, then parent row getting hovered. Visibility is triggered with CSS only</li>
  <li>Every row has a <code>click</code> event handler. No mater what it does. In my example it will trigger an <code>alert()</code></li>
  <li>Table's parent is a block element with a fixed height and <code>overflow-y</code> set to <code>auto</code></li>
  <li>Table is bigger than it's parent, so, some table content is hidden and can be seen with scrolling</li>
  </ol>
  
  <p>Here is a jsFiddle: <a href="http://jsfiddle.net/822eG/4/">http://jsfiddle.net/822eG/4/</a></p>
  
  <p>On any desktop browser items are successfully hovered, click is triggered. On iOS7 hover is working but click is NOT triggered.</p>
  
  <p><strong>NOTE</strong>: On iOS you must tap twice to trigger <code>click</code>. First click will trigger <code>hover</code> and you'll see a "checkbox", then second tap must trigger a <code>click</code>, but it doesn't...</p>
  
  <p>Any of those conditions is REQUIRED to reproduce an issue. Remove a single one and it starts working...</p>
  
  <p>If you remove a "checkbox" appearance - click will work (<a href="http://jsfiddle.net/822eG/5/">http://jsfiddle.net/822eG/5/</a>). </p>
  
  <p>If you remove a height fix - it will work (<a href="http://jsfiddle.net/822eG/6/">http://jsfiddle.net/822eG/6/</a>). </p>
  
  <p>If you remove a overflow scrolling - it will work (<a href="http://jsfiddle.net/822eG/8/">http://jsfiddle.net/822eG/8/</a>).</p>
  
  <p>Any workaround is needed but functionality should be kept untouched. So, I can't remove "checkbox", size fix, hovering, clicking or overflow scrolling. Also, changing HTML markup is hardly to happen.</p>
  
  <p><strong>NOTE</strong> I've got a solution - see my answer below. But I still need a better workaround to keep using CSS as mush as possible.</p>
  
  <p><strong>ADD</strong>: Filed a bug to Apple #16072132</p>