Issue with "perspective": live sample iframe blocked

MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/perspective

What information was incorrect, unhelpful, or incomplete?

Specific section or headline?

Examples

What did you expect to see?

cant see the result I see an error “yari-demos.prod.mdn.mozit.cloud refused to connect.”

Did you test this? If so, how?

MDN Content page report details

• Folder: en-us/web/css/perspective
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/perspective
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/perspective/index.md
• Last commit: https://github.com/mdn/content/commit/26f50bdaeb1228f458d21dbdf7dc110387b20daa
• Document last modified: 2021-08-12T23:59:09.000Z

[escattone]

This was really tricky. If you build en-us/web/css/perspective by itself, its live samples build just fine. However, when you build it with all of the other docs, its live-samples fail to build. This is because when it’s built with all of the other docs, it’s built as a prerequisite of the build for fen-us/web/css/css_transforms/using_css_transforms (because it’s transcluded via the page macro), and when building prerequisites, the URL is lower-cased here:

https://github.com/mdn/yari/blob/d3b97a4dcd26da88a6dc08839bcdb9bf0d17576c/kumascript/index.js#L88

which, in turn, caused the check of when to build a live-sample to fail here:

https://github.com/mdn/yari/blob/d3b97a4dcd26da88a6dc08839bcdb9bf0d17576c/kumascript/src/live-sample.js#L76

because the case of the strings didn’t match.

[escattone]

This has been fixed, thanks everyone.