Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70860

Ios form duplicated input

$
0
0

@alex1244 wrote:

Hi all.
I have a problem.

I have the form with couple inputs what is nested inside ion-content inside ion-slidebox.
so ion-view -> ion-slidebox -> ion-slide -> ion-content ->form->input.
At some time after inputing some stuff in the input i get this situation:

<ion-item class="item">
<input class="custom-field ng-pristine ng-untouched ng-valid-min ng-invalid ng-invalid-required ng-valid-pattern change-field cloned-text-input" type="number" name="Reading" ng-blur="formBlur()" ng-model="inputItem.Reading" ng-min="33842" ng-pattern="/^[0-9]{1,9}$/" ng-class="inputItemForm.Reading.$invalid &amp;&amp; inputItemForm.Reading.$dirty || inputItem.Reading &gt; inputItem.Boundaries.UpperBoundary || inputItem.Reading &lt; inputItem.Boundaries.LowerBoundary? 'error-field' : 'change-field'" required="" readonly=""><input class="custom-field ng-untouched previous-input-focus ng-dirty ng-valid-number ng-valid-required ng-valid-min error-field ng-invalid ng-invalid-pattern" type="number" name="Reading" ng-blur="formBlur()" ng-model="inputItem.Reading" ng-min="33842" ng-pattern="/^[0-9]{1,9}$/" ng-class="inputItemForm.Reading.$invalid &amp;&amp; inputItemForm.Reading.$dirty || inputItem.Reading &gt; inputItem.Boundaries.UpperBoundary || inputItem.Reading &lt; inputItem.Boundaries.LowerBoundary? 'error-field' : 'change-field'" required="">
</ion-item>

So one of the inputs is duplicated, and this input is duplicated.
Due to this the data i'm inputing is not shown and even the cursor disappears.
If i focus out the input the duplicate is removed and i see all the data.
But during the input this happens sometimes.
Does anyboy have an idea what might be causing this?indent preformatted text by 4 spaces

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 70860

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>