Add experimental features for Fx 122: shadowrootmode, async clipboard

[pepelsbey]

Description

1. Adds a section to the Experimental features page
2. Adds behind-the-flag features for the Fx 122 release notes

Motivation

To support Firefox 122 release.

Related issues and pull requests

• [PROJECT] Firefox 122 mdn#496
• [WebAPI] Implement Declarative Shadow DOM #31102

[github-actions]

Preview URLs

• /en-US/docs/Mozilla/Firefox/Experimental_features
• /en-US/docs/Mozilla/Firefox/Releases/122

External URLs (5)

URL: /en-US/docs/Mozilla/Firefox/Releases/122
Title: Firefox 122 for developers

• https://bugzil.la/1423593 (1 time) (Note! This may be a new URL 👀)
• https://bugzil.la/1712140 (1 time) (Note! This may be a new URL 👀)
• https://bugzil.la/1809106 (1 time) (Note! This may be a new URL 👀)
• https://bugzil.la/1823757 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Mozilla/Firefox/Experimental_features
Title: Experimental features in Firefox

• https://bugzil.la/1712140 (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2024-01-15 12:30:23)

[bsmth]

After 24aa0ba, you may have to escape the newlines in your list like so:

- **Popover API** - `dom.element.popover.enabled`\
  \
  Displaying popovers on top of page content is now supported via HTML attributes or JavaScript API, including styling with the CSS [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) pseudo-class and extended support for the [`::backdrop`](/en-US/docs/Web/CSS/::backdrop) pseudo-element. See the [Popover API](/en-US/docs/Web/API/Popover_API) reference for more details. ([Firefox bug 1823757](https://bugzil.la/1823757))

[bsmth]

I've left two really minor suggestions open for adding "the" where I think it might help. Another formatting hint if you want to use normal <ul>s instead of <dl>s.

Otherwise, looking good! Leaving my +1 🎉

[pepelsbey]

You may have to escape the newlines in your list

I added a period instead. I don’t like two <br>s this escaping adds. I hope it’s all right this way :)

Also, I added another experimental feature for you to review (Intl.Segmenter). Sorry!

[bsmth]

I added a period instead. I don’t like two <br>s this escaping adds. I hope it’s all right this way :)

Gotcha I wasn't sure if you wanted an empty line inside the list, as with GFM, you can do:

* List Item

  Thing in the list

And it preserves the indentation:

• List Item

  Thing in the list

In Yari, the whitespace is stripped, apparently, so you have to add \ backslashes to force this style:

Screenshot:

On the formatting topic, what do you think about bolding the feature per list item like:

* __Topic__ `pref?`: Description
* __Popover API__ (`dom.element.popover.enabled`): Displaying popovers on top of page content is now supported via HTML attributes or JavaScript API...
* __Popover API__ - `dom.element.popover.enabled`: Displaying popovers on top of page content is now supported via HTML attributes or JavaScript API...

• Popover API (dom.element.popover.enabled): Displaying popovers on top of page content is now supported via HTML attributes or JavaScript API...
• Popover API - dom.element.popover.enabled: Displaying popovers on top of page content is now supported via HTML attributes or JavaScript API...

Also, I added another experimental feature for you to review (Intl.Segmenter). Sorry!

No problem, I will check it out :)

[pepelsbey]

what do you think about bolding the feature per list item like

Good point! Applied it, thanks.