Need to press keyboard key twice to go change the input that have the focus on iOS about angular-code-input HOT 6 CLOSED

@TiBz0u for the initialFocusField it's a mistake.
I've tried to use 1.5.0 but i get the same problem as shown in my video. I really don't understand because it's working on all other platform except on iOS.

from angular-code-input.

@TiBz0u @GuillaumeGascon Thank you guys! You save my time :) Much appreciated.

from angular-code-input.

@GuillaumeGascon Hi, I will check the case.

from angular-code-input.

@AlexMiniApps thank's !

from angular-code-input.

Hi @GuillaumeGascon ,
We use version 1.5.0 in production and it's working perfectly on last iOS 15 version.
Can you explain why you have initialFocusField at 6? Normally, you should have an error.
Kr.

from angular-code-input.

Ok, i managed to find what's wong !

So in my CSS i do this:

  &.empty {
      display: flex !important; <-- this line is the problem
      justify-content: center;
      &::after {
        content: "";
        position: absolute;
        bottom: 8px;
        width: 24px;
        height: 2px;
        background: var(--ion-color-separator);
        margin: 0 auto;
        z-index: 10;
      }
    }

So it appear for some reason that put .empty in display flex create the problem on iOS, so i've change my css for this:

  &.empty {
      &::after {
        content: "";
        position: absolute;
        bottom: 8px;
        width: 24px;
        height: 2px;
        left: 12px;
        background: var(--ion-color-separator);
        margin: 0 auto;
        z-index: 10;
      }
    }

Have a nice day !

from angular-code-input.