title: Input element created with h:inputText is not editable
body: <p>I'm creating a fieldText using h:inputText. I can type but when I click on it, it doesn´t select the text. It only puts the cursor at the end of the text. I've tried adding pointer-events: none; to CSS as I found on another question but with no result. Can anyone help?</p>
  <p>Here is the JSF code:</p>
  <pre><code>&lt;ui:define name=&quot;keyboard&quot;&gt;   
      &lt;a4j:outputPanel layout=&quot;block&quot; styleClass=&quot;content&quot;&gt;
          &lt;rich:panel id=&quot;kb&quot;&gt;
              &lt;f:facet name=&quot;header&quot;&gt;
                  &lt;h:outputText id=&quot;keyboardHeading&quot; value=&quot;&quot;/&gt;
              &lt;/f:facet&gt;
              &lt;h:inputText id=&quot;inputFieldKeyboard&quot; value=&quot;&quot;&gt;&lt;/h:inputText&gt;  
          &lt;/rich:panel&gt;
       &lt;/a4j:outputPanel&gt;
  &lt;/ui:define&gt;
  </code></pre>
  <p>The HTML turns into:</p>
  <pre><code>&lt;div id=&quot;keyboard&quot; class=&quot;dr-pnl rich-panel &quot;&gt;
      &lt;div id=&quot;keyboard_header&quot; class=&quot;dr-pnl-h rich-panel-header &quot;&gt;
          &lt;span id=&quot;keyboardHeading&quot;&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;div id=&quot;keyboard_body&quot; class=&quot;dr-pnl-b rich-panel-body &quot;&gt;
          &lt;input id=&quot;inputFieldkeyboard&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;inputFieldkeyboard&quot;&gt;&lt;/input&gt;
      &lt;/div&gt;
      &lt;div id=&quot;virtualKeyboard&quot; class=&quot;virtual_keyboard&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>