I’m trying to make a chat system but when In AR mode, every time the keyboard appears all the scene “squishes” like in the image attached. I dont know if this is bug or a know issue or am I missing something here?
This happens both if I use a DOM overlay or a chat input UI element from Unity.
I’m sorry, I couldn’t find a response but notified the team 
Hi, which device and browser are you using in the screenshot and what platform (iOS/Android/something else).
Please also include the Needle Engine version.
Thank you
Hi, I’m using Chrome browser in Android in this example.
Needle Engine 4.11.5
Would it be possible for you to update to 4.13 (latest) to see if it still happens? Thank you
updating to 4.13 didn’t work unfortunatelly 
Updating didnt work or the issue persists? Not clear what you’re saying 
if update didnt work please share more info what exactly didnt work
Update worked, Im now using 4.13. The issue persists, that is, when I go into AR mode and keyboard comes up (using a chat UI), the complete scene is “squished”
What web template have you been using or which framework?
Can you share a link to the website?
Hello @Pavel_Ramirez
Unfortunately it doesnt reproduce for me in the Screenspace UI sample. No squishing. Please provide a website link.
Hello Marcel,
Thank you for the follow up. I started the project usin the Synchronized Animator template. I don’t have a website since I’m still testing in local host.
Let me test the Screenspace UI sample from my end, perhaps is something in my particular phone setup.
I will be back with screenshots, thanks!
Hello Marcel,
I tried directly this template from the needle sample website (Screenspace UI | Needle Engine) and I got screen squished in my mobile phone. I guess this is an issue with my mobile/chrome version. I don’t know if this matters, im using an Samsung Galaxy A55, pretty much an old phone with Android 14.
Ah I see… mmh I’m not sure how we can debug or help here since engine side.
What Needle Engine does is basically just focus an HTML input and we don’t call any other browser API and <needle-engine> and canvas are just regular web components with some CSS, also nothing else here. Since both the canvas AND the html dom overlay are squished maybe you can try to add a script that periodically forces canvas CSS height to e.g. 100vh (or <needle-engine> to 100vh)? If you figure something out let me know (it might be easier to debug by connecting you phone to a PC and using remote debugging, then you can just type in and modify CSS until you see something change)
