ионный ввод нажмите в тексте странное поведение - PullRequest
Новая
       4

ионный ввод нажмите в тексте странное поведение

0 голосов
/ 07 января 2020

Я вижу очень странное поведение моего поля ввода ионов, когда я щелкаю внутри него. Я точно определил это (и не уверен, почему) для отступа в родительском div. Я также заметил, что если я уменьшу текст до нескольких слов в p. Любые мысли о том, почему это происходит или как я могу это исправить?

.main 

.main {
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 100px; // IF I REMOVE THIS, IT IS NORMAL

  &.no-nav {
    padding-top: 0px;
  }
  &.no-content {
    :before {
      content: '';
      position: absolute;
      height: 1px;
      width: calc(100% - 48px);
      border-bottom: 1px solid $surface-03;
      top: 96px;
      left: 24px;
    }
  }
  &.top-nav {
    padding-top: 24px;
  }
}

код шаблона 

<ion-content>
  <div class="main">
    <ion-card>
      <ion-card-content>
        <p>a bunch of text here that seems to push the input box in click down, if i only put a few words here it doesn't behave  like this which is odd</p>
        <form [formGroup]="" novalidate>
          <ion-item>
            <ion-input
              formControlName=""
              required
              inputmode="text"
              placeholder="Click in me"
            ></ion-input>
            <ion-icon class="edit-icon"></ion-icon>
        </ion-item>
        </form>
      </ion-card-content>
    </ion-card>
  </div>
</ion-content>

Вот поведение

enter image description here

...