title: marquee gets restarted once it reached to left pane
body: <p>in my angular 6 code i am writing marquee which renders a array of objects which works absolutely fine in chrome.</p>
  
  <p>but when ran same code in firefox mozilla it got restared once it reached to left pane.</p>
  
  <p>i have tried the following and serached a lot used scroll, behavior, loop properties also but didnt worked </p>
  
  <pre><code>&lt;marquee *ngIf="tickerChangeFlag" onmousehover="this.stop()" onmouseout="this.start()"&gt;
      &lt;ul&gt;
        &lt;li *ngFor="let i of arrToBind"&gt; i.scripDescription &lt;/li&gt;
      &lt;/ul&gt;  
  &lt;/marquee&gt;
  </code></pre>