title: Ionic 4 ion-skeleton inside ion-item is not filling the item space
body: <p>I'm trying to use <code>ion-skeleton</code> inside an <code>ion-item</code>. Instead of having the skeleton text filling the whole ion-item space, it is compressed in a few pixels space.</p>
  
  <p>I noted that the skeleton text container (<code>ion-text</code>) is not stretching without any text inside.</p>
  
  <p>I've also tried the following without success:
  - use a div instead of an ion text
  - remove h1 and p
  - use any combination of <a href="https://ionicframework.com/docs/layout/css-utilities#flex-properties" rel="nofollow noreferrer">Flex Properties</a> as <code>.ion-align-items-stretch</code> and <code>.ion-align-items-stretch</code></p>
  
  <p>Here is the structure of my item:</p>
  
  <pre><code>&lt;ion-item class="ion-no-padding" lines="full" detail="true" *ngFor="let num of [0,1,2,3,4,5]"&gt;
    &lt;ion-thumbnail slot="start"&gt;
      &lt;ion-skeleton-text animated="true"&gt;&lt;/ion-skeleton-text&gt;
    &lt;/ion-thumbnail&gt;
    &lt;ion-text&gt;
      &lt;h1&gt;&lt;ion-skeleton-text animated="true"&gt;&lt;/ion-skeleton-text&gt;&lt;/h1&gt;
      &lt;p&gt;&lt;ion-skeleton-text animated="true"&gt;&lt;/ion-skeleton-text&gt;&lt;/p&gt;
      &lt;p&gt;&lt;ion-skeleton-text animated="true"&gt;&lt;/ion-skeleton-text&gt;&lt;/p&gt;
      &lt;p&gt;&lt;ion-skeleton-text animated="true"&gt;&lt;/ion-skeleton-text&gt;&lt;/p&gt;
    &lt;/ion-text&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>and here what I get:</p>
  
  <p><a href="https://i.stack.imgur.com/z2UAz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z2UAz.png" alt="enter image description here"></a></p>
  
  <p>Thanks in advance,
  kind regards.</p>