p:calendar showOn="button" changes icon position on click
Posted: 13 Jan 2021, 13:06
Hello,
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
Live Demo of Theme Barcelona
https://www.primefaces.org/barcelona/forms.xhtml
Please, Could you correct this problem?
Thanks, regards.
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.