Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

The div padding breaks mindmap rendering #5121

Open
sowillwe opened this issue Dec 7, 2023 · 0 comments
Open

The div padding breaks mindmap rendering #5121

sowillwe opened this issue Dec 7, 2023 · 0 comments
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@sowillwe
Copy link

sowillwe commented Dec 7, 2023

Description

I meant to set padding for divs with the div selector. But this breaks the mindmap rendering.
This should not happen as the div selector has a low priority.

Steps to reproduce

Simply load the code sample page.

Screenshots

No response

Code Sample

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            /* 0 padding would be OK */
            padding: 0.5em;
        }
    </style>
</head>

<body>
    <!-- fails to render mindmap -->
    <!-- other diagram types seem to be OK -->
    <pre class="mermaid">
        mindmap
            root((mindmap))
    </pre>
    <script type="module">
        import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs'
        mermaid.initialize({ startOnLoad: true });
    </script>
</body>

</html>

Setup

mermaid@10
Microsoft Edge 119.0.2151.97

Suggested Solutions

No response

Additional Context

No response
@sowillwe sowillwe added Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect labels Dec 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@sowillwe