title: make focusable element unfocusable on webkit
body: <p>When a node has a tabIndex setting (other than -1), clicking it will give it focus.   Removing the tabIndex setting should stop that behavior, so that clicking has no effect.  </p>
  
  <p>However, on webkit, once a node has a tabIndex, even after tabIndex is removed, the node can still be clicked and focused.   Setting tabIndex=-1 also has the same click problem.</p>
  
  <p>Anyone know a workaround to this problem?</p>
  
  <pre><code>&lt;div id="one"&gt;one (no initial tabindex)&lt;/div&gt;
  &lt;div id="two" tabindex=0&gt;two (initially tabindex=0)&lt;/div&gt;
  &lt;button type=button onclick="document.getElementById('one').setAttribute('tabindex', 0)"&gt;set tabindex on first div&lt;/button&gt;
  &lt;button type=button onclick="document.getElementById('one').removeAttribute('tabindex', 0)"&gt;remove tabindex on first div&lt;/button&gt;
  &lt;button type=button onclick="document.getElementById('two').removeAttribute('tabindex', 0)"&gt;remove tabindex on second div&lt;/button&gt;
  &lt;button type=button onclick="document.getElementById('one').setAttribute('tabindex', -1)"&gt;set tabindex=1 on first div&lt;/button&gt;
  &lt;button type=button onclick="document.getElementById('two').setAttribute('tabindex', -1)"&gt;set tabindex=1 on second div&lt;/button&gt;
  </code></pre>