Description
Describe the bug
I'm using the Oculus Browser with the P5 LIVE project to live-code visuals in Mixed Reality using p5.js. With a new update to the Meta Quest Browser, a massive zoom is occurring on the input due to the small ace_text-input
text area having a height and font size of 1px.
Expected Behavior
I would expect no zoom to happen.
Current Behavior
6b4cf01844ed44baad82cd0db733e9eb.mov
Reproduction Steps
Try the example text editor on the ace homepage.
Possible Solution
Setting these before interacting with the editor makes it work. I noticed that the height and width were updated somewhere in the code, so the min-height
property allows it to be large enough to prevent zooming.
Array.from(document.querySelectorAll("textarea")).forEach((x) => {
x.style.fontSize = "32px";
x.style.height = "32px";
x.style.minHeight = "32px";
x.style.minWidth = "100px";
x.style.width = "100px";
x.style.opacity = "1";
});
Additional Information/Context
I know this is a super specific use case; however, this might also be the case on some chromium/android versions. Do you think it would make sense to have a flag or a way to override the textarea size to avoid this issue?
Ace Version / Browser / OS / Keyboard layout
Oculus Browser 39.2.0.13.62.759331196, Chromium Version 136.0.7103.177