title: Ionic 4 horizontal scroll with ngFor
body: <p>I'm at a loss.  I can get horizontal scroll to work fine with just html and css but when i introduce ngFor, it refuses to produce the same effect..  Does anyone have experience with this, or know how to solve the issue?</p>
  
  <p>here is my simple code that does not work:</p>
  
  <p>this example yields a vertical list:</p>
  
  <pre><code>&lt;div class="container" *ngFor="let item of items | async"&gt;
          &lt;div class="scroll" scrollX="true"&gt;
           &lt;span&gt;{{item.ProjectEvent}}&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And this one yields a wide container that scrolls horizontally</p>
  
  <pre><code> &lt;div class="container" &gt;
          &lt;div class="scroll" scrollX="true"&gt;
              &lt;span&gt;item1&lt;/span&gt;
              &lt;span&gt;item2&lt;/span&gt;
              &lt;span&gt;item3&lt;/span&gt;
              &lt;span&gt;item4&lt;/span&gt;
              &lt;span&gt;item5&lt;/span&gt;
              &lt;span&gt;item6&lt;/span&gt;
              &lt;span&gt;item7&lt;/span&gt;
              &lt;span&gt;item8&lt;/span&gt;
              &lt;span&gt;item9&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And the same css for both:</p>
  
  <pre><code>.container {
    width: 100px;
    background-color: green;
    overflow: hidden; 
    white-space: nowrap;
    ::-webkit-scrollbar {
      display: none;
    }
    .scroll {
      overflow: auto;
    }
  }
  </code></pre>
  
  <p>Explain that one to me Mr. Spock!</p>
  
  <p>Thanks for the help in advance!</p>
  
  <p>Dependencies for good measure:</p>
  
  <pre><code>"dependencies": {
      "@angular/common": "^7.1.4",
      "@angular/core": "^7.1.4",
      "@angular/fire": "^5.1.1",
      "@angular/forms": "^7.1.4",
      "@angular/http": "^7.1.4",
      "@angular/platform-browser": "^7.1.4",
      "@angular/platform-browser-dynamic": "^7.1.4",
      "@angular/router": "^7.1.4",
      "@ionic-native/core": "5.0.0-beta.21",
      "@ionic-native/splash-screen": "5.0.0-beta.21",
      "@ionic-native/status-bar": "5.0.0-beta.21",
      "@ionic/angular": "4.0.0",
      "@ionic/pro": "2.0.4",
      "core-js": "^2.5.4",
      "firebase": "^5.8.0",
      "ngx-navigation-with-data": "^1.0.2",
      "rxjs": "~6.3.3",
      "zone.js": "~0.8.26"
    },
  </code></pre>