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.

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

Whitespace in header breaks table #3671

Open
MartenBE opened this issue Aug 26, 2024 · 0 comments
Open

Whitespace in header breaks table #3671

MartenBE opened this issue Aug 26, 2024 · 0 comments

Comments

@MartenBE
Copy link

Indentation of a header breaks how a table is interpreted. It is easiest explained using following example:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

        <title>reveal.js</title>

        <link rel="stylesheet" href="dist/reset.css" />
        <link rel="stylesheet" href="dist/reveal.css" />
        <link rel="stylesheet" href="dist/theme/black.css" />

        <!-- Theme used for syntax highlighted code -->
        <link rel="stylesheet" href="plugin/highlight/monokai.css" />
    </head>
    <body>
        <div class="reveal">
            <div class="slides">
                <section data-markdown>
                    <textarea data-template>
# Test 1

|                  | aze              | qsd              |
| ---------------- | ---------------- | ---------------- |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |

---

    # Test 2

|                  | aze              | qsd              |
| ---------------- | ---------------- | ---------------- |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |

---

        # Test 3

|                  | aze              | qsd              |
| ---------------- | ---------------- | ---------------- |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |

---

            # Test 4

|                  | aze              | qsd              |
| ---------------- | ---------------- | ---------------- |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |

---

                # Test 5

|                  | aze              | qsd              |
| ---------------- | ---------------- | ---------------- |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |

---

                    # Test 6

|                  | aze              | qsd              |
| ---------------- | ---------------- | ---------------- |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |

---

                        # Test 7

|                  | aze              | qsd              |
| ---------------- | ---------------- | ---------------- |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |
| 1234567890123456 | 1234567890123456 | 1234567890123456 |

                </textarea>
            </section>
        </div>

        <script src="dist/reveal.js"></script>
        <script src="plugin/notes/notes.js"></script>
        <script src="plugin/markdown/markdown.js"></script>
        <script src="plugin/highlight/highlight.js"></script>
        <script>
            // More info about initialization & config:
            // - https://revealjs.com/initialization/
            // - https://revealjs.com/config/
            Reveal.initialize({
                hash: true,

                // Learn about plugins: https://revealjs.com/plugins/
                plugins: [RevealMarkdown, RevealHighlight, RevealNotes],
            });
        </script>
    </body>
</html>

test-1
test-2
test-3
test-4
test-5
test-6
test-7

We also see this when introducing whitespace larger than 12 spaces using reveal-md which calls reveal.js to go from markup to markdown, so we suspect this is a reveal.js issue: webpro/reveal-md#476

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant