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

Non-Konva shape elements inside template #234

Open
ExQDev opened this issue Mar 10, 2024 · 1 comment
Open

Non-Konva shape elements inside template #234

ExQDev opened this issue Mar 10, 2024 · 1 comment

Comments

@ExQDev
Copy link

ExQDev commented Mar 10, 2024

Hi, sorry for non-standard issue format and content, I don't know is this a bug or not, I've tried to make a "shape" with core logic, but splitted template.
Here it is:

<template>
  <v-group>
    <v-image :config="rtconfig" ref="img"></v-image>
    <Teleport to="body">
      <textarea....>
      <div id="rt-container" v-html="content"></div>
    </Teleport>
  </v-group>
</template>

That's my final version for this moment.
I supposed, that Konva should ignore tags under the <Teleport>, but...:

vue-konva error: You are trying to render "textarea" inside your component tree. Looks like it is not a Konva node. You can render only Konva components inside the Stage.

Without <Teleport> it ignores that and it even cut out from logic.

As was said in guide, I should render rich text to image, and I tried to do this out of component tree. Why it consider that teleported content is rendering to canvas as shape?

Is there a way to split shape template with DOM template? Or to make Konva ignore <Teleport> content?

@lavrton
Copy link
Member

lavrton commented Mar 14, 2024

So vue-konva doesn't support <Teleport /> and I am not sure how to easily enable it.

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

2 participants