Ion-input make grid disappearing!?

Ionic Framework ionic-v3
1

I hav this ion-item. When I Change input to ion-input the whole grid disappear.

Is it a bug or a feature?

<ion-item>
    <ion-grid>
      <ion-row>
        <ion-col col-1>
          Profilbild
        </ion-col>
        <ion-col col-9 class="placeholder-profile">
          <div class="category-image">
            <img [src]="profileImageUrl" style="display: block; width: 10%; height: auto; margin-left: auto; margin-right: auto;">
          </div>
        </ion-col>
        <ion-col col-2 class="placeholder-profile">
          <input type="file" accept="image/*" (change)="changeListener($event)"/>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-item>
2

Sort of neither. I would describe it more as a “reality”. Anything unusual placed as a child of an <ion-item> (such as your ion-grid) needs a placement directive: either item-start, item-content or item-end.

1 Like
3

Thank’s rapropos it works.

Of Course it works, but where can I found Information like this? And please don’t say in the docs.

<ion-item>
    <ion-grid item-content>
      <ion-row>
        <ion-col col-1>
          Profilbild
        </ion-col>
...
4

Err, umm, in the…umm. See the section “Item Placement”.

1 Like
5

:see_no_evil: Ok I start reading the docs again. :relieved: