How to show Up/Down arrows in numeric input in Android?

Hi,

Ionic V5. I’m testing some ion-input like this in Angular:

<ion-input type="number" min="360" max="500" value="400" step="1"></ion-input>

According to ion-input V5 Docs (ion-input | Ionic Documentation) in Android there should be two up/down arrows but in my case only the number is displayed.

In the Docs the example is very simple:
<ion-input placeholder="placeholder" type="number"></ion-input>

Here my html code:

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      {{msjTitulo}}
    </ion-title>
  </ion-toolbar>  
</ion-header>

<ion-content padding>

 <!-- Test Ion Input -->
  <ion-input type="number" min="360" max="500" value="400" step="1"></ion-input>

  <ion-list>
    <ion-item *ngFor="let item of items">
      <ion-icon slot="start" [name]="item.icon" [color]="item.color"></ion-icon>
      <ion-label>
        {{item.param}}      
      </ion-label>
    </ion-item>
  </ion-list>  
</ion-content>

<ion-footer>  
  <ion-toolbar>
    <div>{{ statusFoot }}</div>
  </ion-toolbar>
</ion-footer>

What could be wrong?

1 post - 1 participant

Read full topic