title: Ionic 3 Angular 4 ion-icon (click) not getting fired
body: <p>get into a bit strange issue, exactly as the topic says - <code>(click)</code> is not getting fired.</p>
  
  <p><strong>html:</strong></p>
  
  <pre><code>  &lt;ion-scroll scrollX="true"&gt;
      &lt;ion-row nowrap class="photoBlock"&gt;
        &lt;div *ngFor="let img of base64Images" class="scroll-item"&gt;
          &lt;ion-icon name="close-circle" class="icon-delete-img" color="light-grey" (click)="deletePicture()"&gt;&lt;/ion-icon&gt;
          &lt;img src="{{img}}"&gt;
        &lt;/div&gt;
        &lt;div class="scroll-item"&gt;
          &lt;ion-icon name="close-circle" class="icon-delete-img" color="light-grey" (click)="deletePicture()"&gt;&lt;/ion-icon&gt;
          &lt;img src="http://via.placeholder.com/150x150"&gt;
        &lt;/div&gt;
        &lt;div class="scroll-item"&gt;
          &lt;button icon-only (click)="deletePicture()"&gt;
            &lt;ion-icon name="close-circle" class="icon-delete-img" color="light-grey" (click)="deletePicture()"&gt;&lt;/ion-icon&gt;
          &lt;/button&gt;
          &lt;img src="http://via.placeholder.com/150x150"&gt;
        &lt;/div&gt;
        &lt;div class="scroll-item"&gt;
          &lt;button icon-only (click)="deletePicture()"&gt;
            &lt;ion-icon name="close-circle" class="icon-delete-img" color="light-grey"&gt;&lt;/ion-icon&gt;
          &lt;/button&gt;
          &lt;img src="http://via.placeholder.com/150x150"&gt;
        &lt;/div&gt;
        &lt;div class="scroll-item"&gt;
          &lt;ion-icon name="camera" class="camera-icon icon-lg" (click)="takePicture()"&gt;&lt;/ion-icon&gt;
        &lt;/div&gt;
      &lt;/ion-row&gt;
    &lt;/ion-scroll&gt;
  </code></pre>
  
  <p><strong>css:</strong></p>
  
  <pre><code>  .scroll-content {
      padding-top: 0px !important;
    }
  
    .photoBlock {
      min-height: 180px;
      align-items: center;
      //justify-content: center;
  
      .camera-icon {
        font-size: 5.6em;
        vertical-align: middle;
  
        border: 2px solid map_get($colors, light-grey);
        padding: 9px 21px 9px 21px;
      }
    }
  
    ion-scroll[scrollX] {
      background-color: rgba(194, 194, 194, 0.34);
      min-height: 180px;
  
      .scroll-item {
        margin: 0 auto;
        min-height: 100px;
        min-width: 100px;
        max-height: 100px;
        max-width: 100px;
        overflow:hidden;
  
        position:relative;
  
        z-index: 97;
  
  
        margin: 0px 15px 0px 15px;
        //padding: 25px;
        .icon-delete-img {
          position: absolute;
          top: 3px;
          right: 3px;
          z-index: 100;
        }
      }
    }
  </code></pre>
  
  <p>both options - click on button &amp; click on ion-icon are not fired.
  (but ion-icon option is proffered anyway, <code>&lt;button&gt;</code> braking a layout a lot. included it just for a sample)</p>