KlausSchaefers/vue-low-code

Figma Elements extruding out.

Closed this issue · 8 comments

emzuwa commented

Hello @KlausSchaefers

I just noticed a bug which was not previously there. See screenshot below:

del1

del2

del3

Notice the element extrude from the container as indicated by the arrows.

KlausSchaefers commented

Hmm, I think I didn't change anything but like me check.

KlausSchaefers commented

For me the login looks ok. It is still the sam enigma file?
Luisa-cloud (2)
Luisa-cloud (3)

KlausSchaefers commented

There was a small unrelated fix on my system. Anyhow I published as 1.0.18. If the error persists, can you share your project with me? A life link would also do.

emzuwa commented

The live link is temporarily at: http://figma-low-code.herokuapp.com

I noticed the problem:
When I use the Figma Design system: the issue appears.

async function init () {
  await Figma.createFigmaDesignlets("<key>", "<key>")
  
  new Vue({
    router,
    render: h => h(App)
  }).$mount('#app')
}

init()

But it worked normal after I commented:
//await Figma.createFigmaDesignlets("<key>", "<key>")

So the bug is from using Figma.createFigmaDesignlets.

KlausSchaefers commented

Ah, it must be related to CSS styles being overwritten. Let me think of a solution.

  • 👍1
emzuwa commented

Hey @KlausSchaefers
Noticed you closed this. I upgraded to 1.0.19, I saw a slight improvement but the issue is still not fully fixed.

Or is 1.0.19 the latest?
extrude-issue

KlausSchaefers commented
emzuwa commented

Oh I see. So that's a different mode. Interesting.
Would test that for another project.
Thanks.