CSS bug in the REPL

[mindplay-dk]

The CSS randomly does or doesn't seem to apply in the REPL.

Adding some random whitespace to the CSS often makes it work, but removing the whitespace again makes the CSS drop off again.

I would post a REPL link, but the "output" and "save" buttons also don't seem to work in the REPL now?

Here's a link to my gist:

https://gist.github.com/mindplay-dk/d85fbf5427d5e4436fadc70ce46d9ac2

[Rich-Harris]

Thanks for the repro — I think this is related to #366 (comment), I'm going to revert that change in the next version later today, hopefully that will fix it

[Conduitry]

It looks like the issue with the buttons not working in the REPL is the ul.sidebar element overlapping the buttons. Bumping up the z-index on section.repl-container seems to resolve it, but I don't know whether there's another better solution or how the sidebar is supposed to be working - is that part of the new mobile-friendly navigation?

[Rich-Harris]

Gah. That'll be fixed very soon with sveltejs/v2.svelte.dev#56

[Rich-Harris]

Fixed in 1.11.3