# Cnavas tripping on web

**URL:** <https://community.thunkable.com/t/cnavas-tripping-on-web/2998522>\
**Category:** Issues / Bugs\
**Created:** [May 12, 2024, 3:08pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522 "2024-05-12T15:08:21Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 12, 2024, 3:08pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/1 "2024-05-12T15:08:21Z")

</div>

Hello 👋 .

I have recently started working with the canvas and while testing on the web i noticed a small but anoying issue, the canvas is constantly resizing causing a trippy effect to appear.  
You cna check out this [Video](https://mborijnland-my.sharepoint.com/:v:/g/personal/6035070_mborijnland_nl/EfOeyHDjiZpKkF-zps6HaKwBta-Tz4lzDY4PJo2UPdZe8w?nav=eyJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJPbmVEcml2ZUZvckJ1c2luZXNzIiwicmVmZXJyYWxBcHBQbGF0Zm9ybSI6IldlYiIsInJlZmVycmFsTW9kZSI6InZpZXciLCJyZWZlcnJhbFZpZXciOiJNeUZpbGVzTGlua0NvcHkifX0&e=PCyoCy) to see what is happening

thanks!

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [May 14, 2024, 3:37pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/2 "2024-05-14T15:37:50Z")

</div>

Hi @sketch, thanks for flagging this. Great music in that video!

I will reach out to our engineering team and see what may be happening here and get back to you about this ASAP.

Thank you!

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 14, 2024, 4:29pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/3 "2024-05-14T16:29:34Z")

</div>

Haha I didn’t even noticed it was recording the music too.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [May 15, 2024, 4:01pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/4 "2024-05-15T16:01:40Z")

</div>

Hi @sketch, I checked with the team about this, this is always going to happen when the canvas first loads onto the screen. The screen loading and canvas loading are two separate events that happen simultaneously–but once the canvas has loaded, the sprite may need to “adjust” a small amount so that it is placed properly on the screen based on the x and y coordinates.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 15, 2024, 5:12pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/5 "2024-05-15T17:12:26Z")

</div>

Hi @matt_conroy thanks for replying, ssadly this it doesn’t stop on the web and keeps on going forever.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [May 15, 2024, 5:25pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/6 "2024-05-15T17:25:50Z")

</div>

Can you share the project or blocks for the canvas when the issue is happening?

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 15, 2024, 5:34pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/7 "2024-05-15T17:34:20Z")

</div>

sure @matt_conroy  
here are the blocks:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/89bec98f0baf6ff62ef2a9031cb30f4646341a73.png)

Removing the canvas stage width and height blocksseem to solve the issue but makes the canvas really big, so maybe the problem is there?

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [May 15, 2024, 6:07pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/8 "2024-05-15T18:07:52Z")

</div>

Thanks! Let me see if we can reproduce this locally.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [May 15, 2024, 7:15pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/9 "2024-05-15T19:15:44Z")

</div>

@sketch I can only get this behavior to happen when the screen opens and that is because of what I have mentioned above. It does not continue after that–are there any more blocks on your screen that could be adjusting the stage?

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 15, 2024, 7:28pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/10 "2024-05-15T19:28:03Z")

</div>

Hello @matt_conroy no not any other blocks are related to the canvas, here is the project link [Thunkable](https://x.thunkable.com/projectPage/663235005d4db24dd1af6dad), the issue happens on screen 3 and happens when you test with thinkable live for the web, I haven’t checked/tested on the project page on how it looks.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [May 16, 2024, 7:04pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/11 "2024-05-16T19:04:35Z")

</div>

Im having a hard time reproducing this issue. It just moves the once for me.  
 ![canvas](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/0/900ee8bd278941c3ca11c5c23b00cb4033dcf96a.gif)

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 16, 2024, 7:10pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/12 "2024-05-16T19:10:04Z")

</div>

Hmm that’s odd have you tried using: [thunkablecompanion](https://x.thunkable.com/web-build/index.html?projectId=663235005d4db24dd1af6dad&noframe=1&responsive=1&screenId=undefined) ?

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [May 16, 2024, 7:55pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/13 "2024-05-16T19:55:06Z")

</div>

Ah, ok I see what’s happened here. We had a few issues recently with loading canvas blocks on a screen event. Try these blocks instead.  
 ![Screenshot 2024-05-16 at 3.54.03 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/b/8b0da3bdf9a0226ccdad413f6d50cdd386b7f2cd.png)

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [May 17, 2024, 12:40pm UTC](https://community.thunkable.com/t/cnavas-tripping-on-web/2998522/14 "2024-05-17T12:40:25Z")

</div>

Thanks @matt_conroy that solved the tripping issue, so this issue is closed, however ive noticed another issue, wich ill will report in a different topic,-, thx for the help.
