title: pointer-event - none is not working when I use tab key
body: <p>I am making a form where I am using a Class to disabled my inputs using pointer-even: none, my input is not editable when I am trying to click on the input which is correct, but when I am using "TAB" key it is focusing on input and I can edit the input, how i can prevent focus should not go on my input using tab key, and should allow to edit the input.</p>
  
  <pre><code>&lt;form style="padding:10px; margin:10px" action="" class=" form-inline"&gt;
            &lt;div class="form-group"&gt;
              &lt;div class="input-group"&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class="input-group"&gt;
                    &lt;input type="text" class="form-control disabledClass" placeholder="1"&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="form-group"&gt;
                  &lt;div class="input-group"&gt;
                    &lt;input type="text" class="form-control disabledClass" placeholder="2" &gt;
                  &lt;/div&gt;
                &lt;/div&gt;
  
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/form&gt;
  
  CSS:
  .disabledClass{
    background: #f1f1f1;
    pointer-events: none;
  }
  </code></pre>
  
  <p>your early reply appreciated..</p>