title: How to make ion-item allow overflow in Ionic 2?
body: <p>I want to make <code>ion-item</code> allow overflow of it's contents. I tried the following css (scss to be specific)</p>
  <pre><code>ion-item{
     overflow: visible;
     height : 220px;
  }
  </code></pre>
  <p>but it doesn't seem to work.</p>
  <p>I also tried adding <code>overflow : visible</code> property to the elements generated by <code>ion-item</code> (like <code>.item-inner</code>, <code>.item-block</code>), but that didn't work too.</p>
  <h1>Edit (Adding code snippets)</h1>
  <p>home.html</p>
  <pre><code>&lt;ion-header&gt;
    &lt;ion-navbar&gt;
      &lt;ion-title&gt;
        Ionic Blank
      &lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  
    &lt;ion-content padding&gt;
      &lt;div class=&quot;rel-container&quot;&gt;
        &lt;ion-list&gt;
          &lt;ion-item&gt;
            &lt;div&gt;Name1&lt;/div&gt;
            &lt;div&gt;Name2&lt;/div&gt;
            &lt;div&gt;Lorem ipsum dolor&lt;/div&gt;
            &lt;div class=&quot;error-container&quot;&gt;
              &lt;div class=&quot;error&quot;&gt;a quick brown fox&lt;/div&gt;
            &lt;/div&gt;
          &lt;/ion-item&gt;
        &lt;/ion-list&gt;
      &lt;/div&gt;
    &lt;/ion-content&gt;
  </code></pre>
  <p>home.scss</p>
  <pre><code>ion-item,ion-list,ion-label, .item-md, .item-block, .item, .item-inner, .input-wrapper, .rel-container, .button-effect{
      overflow: visible;
  }
  
  page-home {
      ion-item{
          height: 9rem;
      }
  
  
      .error-container{
          padding: 5px;
          background: red;
          color: white;
          position: absolute;
          z-index: 400;
      }
  
      .rel-container{
          position: relative;
      }
  }
  </code></pre>