title: Prime faces - message tooltip won't display
body: <p>I want to display error message as a tooltip like in this example: <a href="http://www.primefaces.org/showcase/ui/message/messages.xhtml" rel="nofollow">http://www.primefaces.org/showcase/ui/message/messages.xhtml</a></p>
  
  <p>Here is my JSF code snippet:</p>
  
  <pre><code>&lt;h:form id="loginForm"&gt;
      &lt;p:messages id="messages" showDetail="true" closable="true" for="login"/&gt;
      &lt;h:panelGrid columns="3" cellpadding="3" width="100%"&gt;
          &lt;p:outputLabel for="username" value="Login: "/&gt;
          &lt;p:inputText style="width: 100%;" value="#{loginBean.username}" required="true" id="username"/&gt;
          &lt;p:message for="username" display="tooltip"/&gt;
  
          &lt;p:outputLabel for="password" value="Password:"/&gt;
          &lt;p:password style="width: 100%;" value="#{loginBean.password}" required="true" id="password"/&gt;
          &lt;p:message for="password" display="tooltip"/&gt;
      &lt;/h:panelGrid&gt;
      &lt;p:commandButton value="OK" action="#{loginBean.login()}" update="loginForm" style="float: right; margin-top: 5px;"/&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p>Here is HTML output snippet for Login row:</p>
  
  <pre><code>&lt;tr&gt;
  &lt;td&gt;&lt;label id="loginForm:j_idt9" class="ui-outputlabel ui-widget ui-state-error" for="loginForm:username"&gt;Login: &lt;span class="ui-outputlabel-rfi"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input id="loginForm:username" name="loginForm:username" type="text" value="" style="width: 100%;" aria-required="true" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all ui-state-error" role="textbox" aria-disabled="false" aria-readonly="false"&gt;&lt;/td&gt;
  &lt;td&gt;&lt;div id="loginForm:j_idt10" aria-live="polite" class="ui-message ui-helper-hidden ui-message-error ui-widget ui-corner-all"&gt;&lt;span class="ui-message-error-icon"&gt;&lt;/span&gt;&lt;span class="ui-message-error-detail"&gt;Login: Validation Error: Value is required.&lt;/span&gt;&lt;/div&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>There is clearly HTML code for the tooltip &amp; inputs have the red outline, but tooltip message just won't show when I hover over the input box. My form is placed inside dialog window.</p>
  
  <p>Primefaces 6.0.RC2</p>