wbamberg

(Auto)EmbedLiveSample is not working correctly

2

See also https://github.com/mdn/content/pull/10758. It seems that if a page has a structure like this: ``` ## A heading {{EmbedLiveSample}} ### HTML (the HTML code block) ### JavaScript (the JS code...

HTML examples: should the CSS be optional?

1

I can omit the `cssExampleSrc` line in meta.json, but if I do, I get a CSS tab containing: ``` %example-css-src% ``` This seems like a bug. But I wonder, writing...

JS examples: need example for Intl.ListFormat.resolvedOptions()

3

See https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/resolvedOptions. The interactive example could follow a similar pattern to the example for [Intl.NumberFormat.resolvedOptions()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/resolvedOptions).

datalist example doesn't work in Firefox Nightly

5

The interactive example for `` doesn't work in Firefox Nightly: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist https://interactive-examples.mdn.mozilla.net/pages/tabbed/datalist.html It does work in release Firefox (62) and Chrome. The example lower down the page (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist#Examples) does work...

CSS editor is confusing when the feature isn't supported

31

When a CSS feature isn't supported, the editor just displays a static version of the example choices, like this: I think this is not ideal. Part of the original reason...

CSS examples: need example for offset

2

https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/offset This is a shorthand property for the properties used to animate an element along a path. This is a relatively complex example to implement, but there are some nice...

Implement browser support detection for CSS constructs that aren't properties

1

See https://github.com/mdn/interactive-examples/issues/471. The code that figures out whether a thing is supported by the browser (https://github.com/mdn/interactive-examples/blob/master/js/editor-libs/mce-utils.js#L41) assumes that the thing is a CSS property. If we want to have examples...

Live-lint JS examples

2

Suggested by @thejameskyle in conversation with @chrisdavidmills . When people edit JS examples, we could lint them and display any lint errors. > James likes our interactive editor, but said...

CSS editor doesn't spot errors among multiple declarations

1

If the CSS in an example is something like: ``` position: relative; top: 65px; left: 65px; ``` ...then the user edits it and makes a mistake, the editor will only...

https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules/select