A large white box obstructs the file editor on iOS

[jacopo-j]

• Gitea version (or commit ref): 1.14.2, from your releases
• Git version: 2.30.1
• Operating system: macOS 11.3, running from launchd
• Database (use [x]):
  • PostgreSQL
  • MySQL
  • MSSQL
  • SQLite
• Can you reproduce the bug at https://try.gitea.io:
  • Yes (any file editing page)
  • No
• Log gist:

Shouldn't be relevant (it's a UI problem)

Description

Title and screenshots are pretty self-explanatory. They were taken on an iPhone and on an iPad both running iOS 14.6 and using Safari. The problem doesn't occur on Safari on macOS.

Screenshots

[silverwind]

Can you check if that box is also there on https://microsoft.github.io/monaco-editor/playground.html?

[jacopo-j]

Doesn't seem so:

[thoppa]

Same issue- prevents editing of last 10ish lines of code. I have been adding 10 ish blank lines.

[silverwind]

Still present in latest Safari?

[jacopo-j]

Yes

[silverwind]

Please hook up web inspector to the phone, inspect the element and show the HTML.

[jacopo-j]

Looks like element <textarea class="iPadShowKeyboard"> is the culprit

[silverwind]

Interesting, this textarea seems like something that Safari itself adds to the page, or maybe an extension? Do you run any Safari extensions?

[silverwind]

Actually no, it's VSCode adding .iPadShowKeyboard:

https://github.com/microsoft/vscode/tree/d4a299631a77d3748ed9dae95686a43feecfb264/src/vs/editor/standalone/browser/iPadShowKeyboard

[silverwind]

The monaco issue tracker does not yield any results for this issue, so I assume it must be our CSS interfering with this feature of VSCode/Monaco.

@jacopo-j one last question: if you add display: none !important to the element's CSS in the inspector, does the editor work normally, or do you see reduced functionality?

[jacopo-j]

It does seem to work normally.

[silverwind]

Okay I guess I will add that as a workaround then, but leaving this open for the future for a proper fix.

[silverwind]

I think I found out what this textarea may supposed to be. See bottom-right:

So it seems to be some kind of accessiblity helper that should bring up the native browser textarea, but I suppose this is mostly unnecessary.

[silverwind]

Will check if i can debug this in XCode's IOS simulator.