Skip to content

Super Zoom on Oculus Browser #5841

Open
@TiborUdvari

Description

@TiborUdvari

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions