Yeah, that's running in development mode, since it's a scratchpad for live coding. Try something like https://flutterplasma.dev for an example of Flutter's web support when compiled in release mode.

Thanks for the link. To confirm the point of copying text being broken: try doing that at https://flutterplasma.dev/ -- it kind of works, but not really, no.

Ah fuck me. This is awful. You have to be precisely on the text to select it. I frequently offset my mouse a little to the left of the element to ensure I select the whole text. Even a little bit off to the left and nothing.

I love the idea, but this sounds like it's going to be unpleasant for me. Hopefully they figure out these UX things.

Yeah, tiny differences that would nag the hell out of me. For example double clicking for selecting word is implemented, but triple clicking to select whole line is not implemented ;(

Ew, you can't select across lines of text, even.

I don't think that shows off Flutter's web support. There are no interactive widgets or user interfaces (Flutter's primary purpose?), and the animations are less impressive than demos in DOS from ~30 years ago, e.g. https://en.wikipedia.org/wiki/Second_Reality

This took about 30 seconds to load on a Galaxy S7 Edge (yes, I know, ancient technology in 2021) with Firefox. I briefly thought the tab had crashed.

Thanks for the tip, but the compiled version exhibits the same juddering/choppiness for me, most noticeably in the rotations.

Yeah, that's still not great on a Macbook Air 2014. I'd even say that the spinner at the end looks even choppier.

iPad Safari on 200/100Mbps connection.

* The page takes about 20s to load.

* After pressing Run, nothing happens for 10s, then Click me! text appears.

* On clicking the text, nothing happens.

* On clicking it a few times, the page crashes and reloads.

[ disclaimer: I work on the Dart team. ]

As timsneath mentioned above, Dartpad is the dev environment. That means we ship the full Dart and Flutter SDK ahead of time as you can type/change anything in the code box. We also ship debug metadata to give better errors.

In production mode, we do a much more expensive compile to remove the parts of Dart, Flutter, and packages you don't use and to optimize/minify the rest.

It is working in Safari for me, but we've definitely appreciate bug reports if it's breaking for you (https://github.com/dart-lang/dart-pad in this case).

Also pinch to zoom is broken.

It break pinch to zoom in mobile safari, does anyone at google spend even a minute using anything but chrome?

Doesn’t seem to work at all for me on an iPad