lundi 26 octobre 2020

Focus auto jump between several

I have a web with several <p:inputNumber> (Primefaces) form with several <p:inputNumber> (Primefaces)

Example of <p:inputNumber>

<p:inputNumber id="sbAddXm" value="#{point.xm}"
           styleClass="coordinate-field"
           maxlength="2"
           inputStyle="margin: 0 0 7px 0; font-size: 16px;"
           autocomplete="off"
           onkeyup="clearError(this)"
           decimalPlaces="0" thousandSeparator=""
           validator="fractionNumberValidator">
<p:keyFilter mask="pint" preventPaste="false" />
<f:attribute name="minimum" value="0"/>
<f:attribute name="maximum" value="59"/>
<f:attribute name="summary" value="Ошибка: "/>
<f:attribute name="detail" value="«Долгота - минуты» должно быть число от 0 до 59"/>
<p:ajax event="focus" oncomplete="select(this)"/>
<p:ajax event="change" listener="#{editEntityView.doReRender}"/>
<f:ajax event="keyup" render="addOrEditSubsoilBorderModal:SBmessage
                                addOrEditSubsoilBorderModal:addSubsoilBorderSaveBtn
                                addOrEditSubsoilBorderModal:editSubsoilBorderSaveBtn"/>

</p:inputNumber>

The problem appear when I try to fill several inputs (switch between inputs by press tab or by mouse click on field).

Problem is: focus begin to jump between input fields automatically in cycle. If I pause script in Chrome debuger by F8, I see that looping somewhere in jQuery, but I didn't use jQuery in this form.




Aucun commentaire:

Enregistrer un commentaire