Implement "Open file" dialog on Web

[emilk]

Future work

We should maybe use AsyncFileDialog on native too

Checklist

• I have read and agree to Contributor Guide and the Code of Conduct
• I've included a screenshot or gif (if applicable)
• I have tested demo.rerun.io (if applicable)

• PR Build Summary
• Docs preview
• Examples preview
• Recent benchmark results
• Wasm size tracking

[abey79]

Very nice to have!

[abey79]

Is that still needed?

[emilk]

Yeah, the trait import is needed for send_ui. I added the as _ because of https://github.com/rerun-io/rerun/blob/main/CODE_STYLE.md#style

[jprochazk]

• #128 fix PolyMeilex/rfd#129

[abey79]

One annoying thing is that once you have the dialog up, it seems that you can't escape out of it. The only way is to actually load a RRD file.

[emilk]

One annoying thing is that once you have the dialog up, it seems that you can't escape out of it. The only way is to actually load a RRD file.

I can, by pressing "OK", which is quite confusing. I filed an issue:

• No cancel-button in AsyncFileDialog on web PolyMeilex/rfd#138

[abey79]

Oh yeah, that worked in safari as well. My brain forbid me to even think of clicking a disabled button.

[abey79]

Actually, on Safari the OK button looks disabled throughout. It's not very nice :/

[abey79]

I guess that can be dealt with using CSS.

[PolyMeilex]

I guess that can be dealt with using CSS.

Yep I consider the css elements ids a part of public API, and they have same stability guaranties as any other Rust function in the crate. So style it hewer you see fit for your app.

That being said the button looks weird, I'm pretty sure I don't style it, it's just a <button> html tag, so I would expect it to look enabled, just like in any other browser, so that's surprising.

[jprochazk]

That being said the button looks weird, I'm pretty sure I don't style it, it's just a html tag, so I would expect it to look enabled, just like in any other browser, so that's surprising

It looks "disabled" because of our global css on that page. We set the default font color to a very light one:

rerun/scripts/ci/demo_assets/static/index.css

Line 35 in 56a7890

color: #cad8de;

Which in combination with the light background produces this effect. We'll fix it on our side. :)