Beta: preview panel covered by flash message

When going through the challenges, the JavaScript is disabled. Execute code to enable flash message constantly shows up in the preview panel covering the preview itself. There’s no way to close it - it doesn’t fade out. It’s really annoying, and it’s pretty much on every challenge that shows the preview.

---

---

Potential solutions:

Add the ability to close the message. Fade it out after a second or so. Push the preview content down.

---

It looks like something related to this was recently worked on #16804

[QuincyLarson]

I also vote to remove the message, and code locking in almost all cases except the one discussed on https://github.com/freeCodeCamp/freeCodeCamp/issues/16565

[BerkeleyTrue]

That specific message is to indicate to the user that no js is running in the preview window. This is prevent uncompleted js code from crashing the preview window while the user is writing out their code (fun fact, writing “function” to an iframe script tag used to crash the client). When I originally wrote that flash message it was a simple span tag with text that rendered in the preview window but above (top not z) the user content.

This seems to be a bug introduced downstream when styling was applied to the message. Changing the styling is fine but we shouldn’t be removing the message. This is not licked to code locking. This happens on every keystroke pause and is disabled on code execute