In the Shadow DOM, the link cannot be created correctly. #427

zstsr · 2024-09-12T04:02:54Z

<title>Document</title>

    <style>
        html,
        body {
            margin: 0;
        }

        #editor {
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="container"></div>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/bundle.js"></script>
    <script>
        // 创建 Shadow DOM
        const container = document.getElementById("container");
        const shadowRoot = container.attachShadow({ mode: "open" });

        // 创建 link 元素并附加到 Shadow DOM
        const link = document.createElement("link");
        link.rel = "stylesheet";
        link.href = "https://cdn.jsdelivr.net/npm/@baklavajs/[email protected]/dist/syrup-dark.css";
        shadowRoot.appendChild(link);

        // 创建 editor 元素并附加到 Shadow DOM
        const editor = document.createElement("div");
        editor.id = "editor";
        shadowRoot.appendChild(editor);

        // 初始化 BaklavaJS
        const viewModel = BaklavaJS.createBaklava(editor);
        const TestNode = BaklavaJS.Core.defineNode({
            type: "TestNode",
            inputs: {
                a: () => new BaklavaJS.RendererVue.TextInputInterface("Hello", "world"),
            },
            outputs: {
                b: () => new BaklavaJS.RendererVue.TextInputInterface("Hello", "world"),
            },
        });
        viewModel.editor.registerNodeType(TestNode);
    </script>
</body>

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

In the Shadow DOM, the link cannot be created correctly. #427

In the Shadow DOM, the link cannot be created correctly. #427

zstsr commented Sep 12, 2024

In the Shadow DOM, the link cannot be created correctly. #427

In the Shadow DOM, the link cannot be created correctly. #427

Comments

zstsr commented Sep 12, 2024