I'm using Primefaces with theme Barcelona since sometime ago. Recently when I updated my project to Primefaces version 8.0 I've found with an annoying UX/UI problem.
When an user clicks on button of p:calendar button itself changes its position to the left side of the input component. This also happens in Live Demo page, and this ocurrs on Chrome and Microsoft Edge browsers. In Firefox browser there's no problem.
Example code
Code: Select all
<p:calendar id="frmEFecha"
value="#{beanName['fecha']}" showOn="button"
required="true" navigator="true" pattern="dd/MM/yyyy"
mask="true" mindate="01/01/1990" maxdate="31/12/2050" />
https://www.primefaces.org/barcelona/forms.xhtml
Please, Could you correct this problem?
Thanks, regards.