Эффект пишущей машинки в Internet Explorer: не удаляет строки?

Question

Код пишущей машинки JS ниже.

В чем моя проблема?Мои строки не удаляются в Internet Explorer:

Мой вопрос: как это исправить?

Прекрасно ли работает эффект моей пишущей машинки в браузерах Chrome и Edge?ДА!Удаляет строки и переходит к следующей строке в кодированном виде.

Заранее благодарим за помощь,

Майк

var app = document.getElementById('typewriter');
 
 var typewriter = new Typewriter(app, {
     loop: true,
     delay: 40,
 });
   typewriter.typeString('travel & leisure')
    .pauseFor(550)
      .deleteAll(1)
    .pauseFor(900)
 typewriter.typeString('coffee shops')
    .pauseFor(550)
      .deleteAll(1)
    .pauseFor(900)
     .typeString('auto dealers')
     .pauseFor(550)
      .deleteAll(1)
    .pauseFor(900)
     .typeString('realtors')
     .pauseFor(550)
     .deleteAll(1)
      .pauseFor(900)
   .typeString('lawyers')
     .pauseFor(550)
     .deleteAll(1)
      .pauseFor(900)
   .typeString('dentists')
     .pauseFor(550)
     .deleteAll(1)
      .pauseFor(900)
      .start()

#typewriter {
     font-family: Montserrat, sans-serif;
     font-size: 39.8px;
    font-weight: lighter;
   color: #898989
 }
 .Typewriter__cursor {
font-size: 45px; 
  color: #919191;
  font-style: normal;
}

</style>
<script src="https://unpkg.com/typewriter-effect/dist/core.js"></script>
<link href="https://fonts.googleapis.com/css?family=Libre+Franklin|Montserrat" rel="stylesheet">
<!-- Parallax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image';
    if (document.querySelector(targets)) {
      var rellax = new Rellax(targets, {
        speed: -4,
        center: true
      });
    }
  });
</script>
<!-- end Parallax -->

<div id="typewriter"></div>