Freecodecamp: [beta] challenge html/css output not visible until code is run

[Talkingbaby]

Challenge change-the-position-of-overlapping-elements-with-the-zindex-property has an issue.
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36.
Please describe how to reproduce this issue, and include links to screenshots if possible.

The content from the previous exercise is shown but not the content from the current exercise. The content only reveals itself when the challenge is completed.

```html

```

[tommygebru]

Works well for me!
Working on MBP with Google Chrome

[no-stack-dub-sack]

@Talkingbaby I can confirm this, when I loaded the challenge, the instructions refer to a red rectangle and a blue rectangle, but neither element is visible for me until I complete the challenge. I jumped right to this challenge and did not complete the one prior to it.

I am on Chrome, latest version, on Mac OSX 10.11.6

@tommygebru When you loaded the challenge, could you see the rectangles in the smartphone element before you adjusted the z-index?

@freeCodeCamp/moderators this seems to be an issue, (I noticed this with other challenges as well - this challenge did not show me the tweet-embed that I was supposed to be affecting until I hit the run button) if the instructions refer to elements but they are not visible until run-time, we should probably address this. Is anyone working on combing through this section to fix bugs or should this be handled as its own issue?

[tommygebru]

Will the issue repeat if i reset the exercise?
otherwise it is pretty much an elusive bug to catch 😜

[no-stack-dub-sack]

@tommygebru the bug does not seem to repeat even if the code is cleared, so it is a bit elusive. I think if local storage was cleared it might reset the issue, but I wouldn't recommend doing that since other FCC data is likely stored there as well. So, it would seem this only occurs the first time the challenge is run, which of course is the most important time 😄

[no-stack-dub-sack]

Actually, this was reported in #12807, please see that issue, closing this as duplicate

[tommygebru]

LOL thanks for responding @no-stack-dub-sack

I had actually cleared my history just to test it, but forgot and resumed working on a personal project!!

Give me a second and I will confirm too!

[tommygebru]

@no-stack-dub-sack

So I reset my browser history, the beta.fcc saved my points and map,
the challenge page actually loaded without any divs!
Applied Visual Design: Change the Position of Overlapping Elements with the Z-index Property

I reset the exercise and the divs appeared

and the divs changed indexes exactly as the modal appeared or I ran the test....

[tommygebru]

@no-stack-dub-sack after re-reading your earlier posts

"@tommygebru When you loaded the challenge, could you see the rectangles in the smartphone element before you adjusted the z-index?"

In short, no.

[no-stack-dub-sack]

@tommygebru cool, thanks for double-confirming, I've closed this one though since it was reported elsewhere and we can continue the conversation there. :+1: