HTML内のscriptタグとHTMLコメントアウトタグによるバグについて

HTMLファイルのスクリプトタグ内で起こる表示バグについて、正体がよくわからなかったのでここに書いておこうと思った。

発生原因

スクリプトタグ内でhtmlコメントアウトを書いてしまう、かつスクリプト開始タグを書くと、コメントアウトされてしまうバグが発生してしまう。

発生例は以下のようなもの。

<script>
    let str = "<!--<script>"
</script>

文字列として代入しようとしたけど、レンダリングがバグってしまうんだよな。

調べてもよくわからなかった。ご存じの方、情報提供いただけると理解につながるのでありがたいです。