interactive-examples

interactive-examples copied to clipboard

keyframes at-rule

4

It adds interactive example to [@keyframes](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes). Unlike @counter-style, this at-rule works just fine on Firefox & Chrome. Currently tab opened by default will be "html". mdn-bob had possibility to open...

NiedziolkaMichal

layer at-rule

1

Interactive Example for [@layer](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer). I have tested it on Firefox & Chrome, both of them work correctly. I have added "at-rule-" prefix in file name. I guess we could include...

NiedziolkaMichal

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...

wbamberg

Fix nesting depth in Array.prototype.flat example

10

Nesting is reduced one level by array.flat. I have removed one level of nesting from the input to fix the semantics and at the same time make it more readable,...

bodograumann

<select> example not working

3

### MDN URL https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select ### What information was incorrect, unhelpful, or incomplete? The default image is hamster and changing the animal with the select menu does nothing. ### Do you...

nikoandpiko

Array.prototype.groupByToMap() example

2

FF98 nightly adds support for `Array.prototype.groupByToMap()`. This is a basic example. Rest of docs that depend on this linked from https://github.com/mdn/content/issues/12579 This is the same as #2014 except that the...

hamishwillee

Per-example HTTP header setting / SharedArrayBuffer examples

19

The [SharedArray and Atomics examples don't work!](https://github.com/mdn/content/issues/15169) because the [security requirements](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer#security_requirements) for [SharedArrayBuffer](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer/SharedArrayBuffer) require that these headers are set: ``` Cross-Origin-Opener-Policy: same-origin Cross-Origin-Embedder-Policy: require-corp ``` @schalkneethling Is it possible to...

hamishwillee

The live js editor can go up to 2 levels of scrollbars

5

When using the javascript editor with long code and long console outputs, the overflows are a bit messy, as shown on the picture.  I was thinking of editing...

JSmithOner

Improve contrast of interactive example

6

There are probably other situations where too little contrast makes things hard to see. Compare these white letters on bright yellow background atop this page, https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap I'll stop reporting these,...

schalkneethling

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).

wbamberg