Regression in class diagram note newlines

[bollwyvl]

Description

The very first diagram example on https://mermaid.js.org/syntax/classDiagram.html shows explicit \n instead of newlines. The git editor shows the same

Steps to reproduce

• Visit the docs
• see the broken note

Screenshots

Code Sample

---
title: Animal example
---
classDiagram
    note "From Duck till Zebra"
    Animal <|-- Duck
    note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
    Animal : +String gender
    Animal: +isMammal()
    Animal: +mate()
    class Duck{
        +String beakColor
        +swim()
        +quack()
    }
    class Fish{
        -int sizeInFeet
        -canEat()
    }
    class Zebra{
        +bool is_wild
        +run()
    }

As rendered by GitHub (with whatever that version is):

---

title: Animal example

classDiagram
note "From Duck till Zebra"
Animal <|-- Duck
note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}

Setup

• Mermaid version: docs/git editor
• Browser and Version: [Chrome, Edge, Firefox] yes

Suggested Solutions

• haven't looked

Additional Context

discovered when trying to update to 11.x from 10.x:

+    "@mermaid-js/layout-elk": ^0.1.7
-    mermaid: ^10.7.0
+    mermaid: ^11.4.1
+"@mermaid-js/layout-elk@npm:^0.1.7":
+  resolution: "@mermaid-js/layout-elk@npm:0.1.7"
+    mermaid: ^11.0.0
+"@mermaid-js/parser@npm:^0.3.0":
+  resolution: "@mermaid-js/parser@npm:0.3.0"
-"mermaid@npm:^10.7.0":
-  resolution: "mermaid@npm:10.9.3"
+"mermaid@npm:^11.4.1":
+  resolution: "mermaid@npm:11.4.1"
+    "@mermaid-js/parser": ^0.3.0