Code breaks on a high type-pausing

[CvdL-UM]

I want to animate three strings and display the last string for a long time before re-looping. The code I currently use is:
@include typed("String1", "String2", "String3<[100]>")

Problem is that I want to display the last string even longer, but as soon as I start using longer type-pausing (for example <[150]>), save the code, reload the page, the page gets stuck on reloading. If I change the type-pausing back to 100 and reload, the page works again as before.

[brandonmcconnell]

@CvdL-UM I'll assign this to myself and try to get to this soon. Thanks for calling this out!

[brandonmcconnell]

@CvdL-UM My apologies for the delay here…

I tried the example you supplied, and it appears to work for me:

@include typed("String1", "String2", "String3<[100]>")

Does this exact example not work for you?

[CvdL-UM]

Hey @brandonmcconnell, I should have been clearer in my initial description! <100> works fine, but if I up it to <150> for example, things start to break down

[brandonmcconnell]

@CvdL-UM I intend to look into this in the next month. I'm pretty swamped with other work at the moment. If you have an idea of what the problem/fix might be, feel free to let me know or even open a PR to speed up the process. 🙂

[tannerln7]

@brandonmcconnell
I encountered this as well. Adding a delay over 450 mid-string causes a Stack Overflow exception in the sass compiler for me. (Using the npm JavaScript version)
Example where I ran into this.

.body p1 {
    @include typed("<[451]>", 1.5, (caret-width: 1ch, caret-space: 1ch, iterations: 0))
}

Here's the console output from the compiler... It doesn't really say much though.

PS C:\Users\username> sass --trace C:\Users\username\css\styles.scss C:\Users\username\css\styles.css


Unexpected exception:
Stack Overflow


AppData\Roaming\npm\node_modules\sass\sass.dart.js 72960:16  _EvaluateVisitor._addExceptionSpan$1$3$addStackFrame
AppData\Roaming\npm\node_modules\sass\sass.dart.js 72971:19  _EvaluateVisitor._addExceptionSpan$2
AppData\Roaming\npm\node_modules\sass\sass.dart.js 71776:20  _EvaluateVisitor.visitBinaryOperationExpression$1
AppData\Roaming\npm\node_modules\sass\sass.dart.js 42390:22  BinaryOperationExpression.accept$1$1
AppData\Roaming\npm\node_modules\sass\sass.dart.js 42393:19  BinaryOperationExpression.accept$1
AppData\Roaming\npm\node_modules\sass\sass.dart.js 71528:38  _EvaluateVisitor.visitReturnRule$1
AppData\Roaming\npm\node_modules\sass\sass.dart.js 43482:22  ReturnRule.accept$1$1
AppData\Roaming\npm\node_modules\sass\sass.dart.js 43485:19  ReturnRule.accept$1
AppData\Roaming\npm\node_modules\sass\sass.dart.js 73800:20  _EvaluateVisitor_visitIfRule___closure.call$1
AppData\Roaming\npm\node_modules\sass\sass.dart.js 72707:25  _EvaluateVisitor._handleReturn$1$2