Code area appears blank and does not have focus on load.

[lrhn]

When I open DartPad, by writing dartpad.dev in the address line of my Chrome browser,
it opens the page, and then shows

• No code in the code pane, just a blank square
• No focus or cursor

If I move the mouse to the code pane and left-clicks, it gets focus and the initial code is displayed.

At least, the code should be visible from the start.
Optimally, code pane should have focus and the cursor should active, so I can start writing code immediately.

Browser

Browser: Chrome

Version: 131.0.6778.85 (Official Build) (64-bit)

Same effect in main browser and in Incognito window with fewer (no?) extensions enabled.

Are there any warnings or errors in your browser's JavaScript console?
If so, paste them below:

Two warnings (probably unrelated):

dartpad.dev/:1 
    <meta name="apple-mobile-web-app-capable" content="yes"> is deprecated. Please include <meta name="mobile-web-app-capable" content="yes">

www.google-analytics.com/j/collect?...<cut for brevity>...    
    Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies.

Neither seem relevant to the issue (not on mobile).

Seven verbose infos of the form:

[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>

Each message, without the stack traces:

codemirror.js:252 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
codemirror.js:252 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
codemirror.js:252 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
codemirror.js:252 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
codemirror.js:252 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
codemirror.js:252 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
main.dart.mjs:479 [Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

No idea what this means.

Machine

Operating system: Linux

Version: Linux version 6.9.10-1rodete5-amd64

[johnpryan]

Is this still happening?

[eernstg]

No focus in the editor on load still happens every time (Sep 2025). I believe the 'initial code' is being shown as it should.

However, I've just noticed a keyboard event sequence that brings the focus to the editor: TAB, [Format] (e.g., on MacOS it is Cmd-S). This will move the focus to the editor (it will also format the code, but that's usually not a problem).

Seven times TAB works, too, but that's less practical.

This doesn't resolve the original issue (yes, we still want that!), but it's better than nothing.