classDiagram Generic type adds HTML if name of HTML element Video, Section

[elbakerino]

Description

Section and Video as generic type in classDiagram adds HTML tags.

Some like Img don't cause this error, not further tested which others cause errors.

Steps to reproduce

Add Video or Section as generic type.

Screenshots

Code Sample

classDiagram
    class Zebra{
      +List<Video> videos
    }
    class Tiger{
      +List<Section> section
    }
    class Lion{
      +List<Img> images
    }

Setup

• Mermaid version: latest
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

No response

Additional Context

No response

[Austin-Fulbright]

Currently working on this. I think I found the issue. Once I make sure all the test suites are passing, I will make a PR.

[Austin-Fulbright]

Hey I realized that instead of using <> to declare generics you should use the ~~ instead. so for your code example:

classDiagram
class Zebra{
+List

section
}
class Lion{
+List images
}

The correct code for your desired output would be:
classDiagram
class Zebra{
  +List~Video~ videos
}
class Tiger{
  +List~Section~ section
}
class Lion{
  +List~Img~ images
}

The problem is with the way that the code handles <> I can change it however I am not sure if the <> were ever meant to declare generics in the code. But I hope this helps for now.

[elbakerino]

Thanks, yes tilde works! I've only read the first code at the docs:

Nested type declarations such as List<List<int>> are supported, ....

But that demonstrated "how it is shown" and not "how it is written", maybe in general something hard to explain to users - and i think i'll run into that often without a mermaid linter ;)