Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
lrhn opened this issue Nov 29, 2024 · 0 comments
Open

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

lrhn opened this issue Nov 29, 2024 · 0 comments

Comments

@lrhn
Copy link
Member

lrhn commented Nov 29, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant