1579830 - HTML with CSS Examples seem to be missing final web appearance.

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, defect)

Description

[[e-mail]]

What did you do?

1. opened URL for MDN Web Docs
2. Entered in search box "ul:after{clear:both}
3. Ended up at the URL...
https://developer.mozilla.org/en-US/docs/Web/CSS/clear

What happened?

I learned what I was trying to learn. The demo at the top of URL is great! I read the whole URL and as I scrolled down I found the examples at the bottom of the URL. In each of these three examples at the bottom of URL (clear:left, clear:right, and clear:both) The HTML and the CSS are shown in their own box, but there is a 3rd blank empty box following that seems like it is supposed to have the Browser appearance for the related example.

What should have happened?

It seems like the empty boxes for each of three examples at the bottom of the URL are supposed to contain the browser look of the related example. You probably are well aware of this. Great URL!!

Is there anything else we should know?

Dell laptop, Inspiron 1525 (~2010?)
Intel Celeron 560
4GB RAM
Windows 10 Pro
Firefox 69.0 (64-bit), w/Privacy Badger, AV Web Protection

Same result with Surface 8.1 RT with IE11 RT

Comment 1

[Peter Bengtsson [:peterbe]]

It seems the three iframes all depend on https://mdn.mozillademos.org/static/build/styles/samples.37902ba3b7fe.css which is now 404.
Don't know why they'd be all white though.

Comment 2

[Peter Bengtsson [:peterbe]]

Attachment: Screen Shot 2019-09-09 at 8.22.51 AM.png

Appearance of iframes due to busted .css URLs

Comment 3

[Peter Bengtsson [:peterbe]]

Schalk, any idea?

Comment 4

[Schalk Neethling [:espressive]]

This must be a content issue as the iframe URL of https://mdn.mozillademos.org/en-US/docs/Web/CSS/clear$samples/clear:_left?revision=1564203 does not seem to return any content when opened directly.

Comment 5

[Chris Mills [:cmills]]

Fixed. The ids referenced in the first arguments of the {{embedlivesample}} macro calls were not matching the IDs of the headings their code was being grabbed from, so it could not find the code and nothing was being rendered in the iframes.

I've set them to the right ids, and now it works.