Add page for prefers-reduced-transparency #25289

CanadaHonk · 2023-03-13T10:37:45Z

Description

Added missing page for the prefers-reduced-transparency media query (similar to prefers-reduced-motion, etc).

Motivation

The page is missing/does not exist, but exists for all other media queries in CSS Media Queries Level 5.

Additional details

Spec: https://www.w3.org/TR/mediaqueries-5/#descdef-media-prefers-reduced-transparency

github-actions · 2023-03-13T10:39:39Z

Preview URLs

/en-US/docs/Web/CSS/@media/prefers-reduced-transparency

External URLs (1)

URL: /en-US/docs/Web/CSS/@media/prefers-reduced-transparency
Title: prefers-reduced-transparency

https://wiki.archlinux.org/title/GTK (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2023-05-11 20:26:47)

teoli2003 · 2023-03-13T10:57:52Z

Thank you! Does any browser implement this yet?

CanadaHonk · 2023-03-13T10:59:26Z

Not yet, but prefers-reduced-data exists from the same spec without any implementation. BCD already exists for this FYI. Also interested in getting it in Firefox hopefully soon.

CanadaHonk · 2023-03-13T11:04:51Z

Oh, looks like the BCD data was added but later removed?
Added in: mdn/browser-compat-data#5720
Removed in: mdn/browser-compat-data#6854 (?)

teoli2003 · 2023-03-13T11:18:01Z

Our policy is to wait at least for it to be implemented behind a flag (i.e., until it has a bcd entry). [There have been exceptions that were erroneous decisions, most of them dating from the time we were a wiki]

To save this valuable piece of work, we should mark this PR "on-hold" (a GitHub label we set) and reactivate it as soon as it lands somewhere.

We do this for several other features. Hopefully, this won't be too long.

CanadaHonk · 2023-03-13T11:19:03Z

Sure, makes sense, thanks.

hamishwillee · 2023-03-13T22:26:21Z

When the time comes, usually there is a corresponding HTTP client hint. If so, worth cross linking. For example: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-CH-Prefers-Reduced-Motion

CanadaHonk · 2023-03-13T22:29:26Z

Thanks for the heads up! One does indeed exist: https://wicg.github.io/user-preference-media-features-headers/#sec-ch-prefers-reduced-transparency

Also, the patch I wrote for adding prefers-reduced-transparency to Firefox is approved so should hopefully be in Nightly in the next few days behind a pref: https://phabricator.services.mozilla.com/D172424 🎉

hamishwillee · 2023-03-13T22:31:44Z

@CanadaHonk Nice. Feel free to ping us when that goes in so we can review this ... all the fun work of adding back into BCD has to happen too.

teoli2003 · 2023-03-14T05:04:39Z

We discussed yesterday in our editorial meeting how to deal with PRs we want to keep until a feature lands, like this one. We decided to mark them as Draft (in addition to the on hold label). The idea is that reviewers scanning the open PRs doesn't hit this PR each time they scan the list. I will convert it (it doesn't change anything practically, it is only bookkeeping for us)

CanadaHonk · 2023-03-14T17:13:21Z

Firefox 113 now supports this behind a pref (layout.css.prefers-reduced-transparency.enabled) - created a BCD PR for it - mdn/browser-compat-data#19135

teoli2003 · 2023-03-14T17:54:10Z

As soon as it lands (on BCD), we'll be able to reactivate this PR :-)

CanadaHonk · 2023-03-30T12:23:59Z

Landed in BCD so this should be good to review now :)

files/en-us/web/css/@media/prefers-reduced-transparency/index.md

dipikabh · 2023-03-30T15:14:20Z

113 will be out only in May (https://wiki.mozilla.org/Release_Management/Calendar#Future_branch_dates). I think we should still keep this on hold and as Draft.

I have added a doc issue for this (as we do for tracking our other doc requirements from bugzilla).

CanadaHonk · 2023-03-30T15:18:04Z

Sure, sounds good.

dipikabh

Hello @CanadaHonk, we can now move this PR out of draft for Fx113.

I've suggested some edits. (I've made some similar language edits to the prefers-reduced-motion feature in #26630).

Thanks a lot for adding this page! 🙌

files/en-us/web/css/@media/prefers-reduced-transparency/index.md

Changed text as requested in PR comments.

CanadaHonk · 2023-05-11T20:26:22Z

Thanks for the review, updated all said (apologies for the delay).

dipikabh · 2023-05-12T00:54:15Z

Thanks a lot @CanadaHonk for the updates! Much appreciate your work on this feature! 🙏

* Add page for prefers-reduced-transparency * Update page for prefers-reduced-transparency Changed text as requested in PR comments. --------- Co-authored-by: Brian Thomas Smith <brian@smith.berlin> Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>

* Updating content that storage is always partitioned and storage access grants are limited to cookies * Avoiding the phrase 'cookie storage' * implemented review from Tricolon * reverted changes to storage_access_policy * clean up * add service workers to partitioned APIs * linting * Fix: Use language keywords instead of framework type names in the examples of 'WebSocket' (#26725) * Add a bit about SPAs (#26711) * Bump @mdn/yari from 2.18.1 to 2.20.0 (#26730) * DNR corrections in URLTransform's queryTransform (#26732) * Fix the description of the display property according to the CSS specification (#26612) * change: `block element box` -> `block level box` * change: `inline element boxes` -> `inline level boxes` * change: `block element` -> `block level` * change: `inline element` -> `inline level` * fix: `inline/block level box` -> `inline/block box` * change: `inline/block level` -> `inline-level/block-level element` * fix: `block level` -> `block-level element` * Adding missing sections for `container*` (#25739) * Update sections for `container` * Update sections for `container-name` * Update sections for `container-type` * Update files/en-us/web/css/container-name/index.md --------- Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> Co-authored-by: Estelle Weyl <estelle@weyl.org> Co-authored-by: Brian Thomas Smith <brian@smith.berlin> * fix(prefers-reduced-motion): Edit text and improve example (#26630) * edits to page for clarity * improve example explanation * fix review comments * Update files/en-us/web/css/@media/prefers-reduced-motion/index.md --------- Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> * Added info for 'muted' driven emission (#26641) * Added info for 'muted' driven emission Fixing missing information that muting also fires this event. Standard spec: https://html.spec.whatwg.org/multipage/media.html#event-media-volumechange * Update files/en-us/web/api/htmlmediaelement/volumechange_event/index.md * lint --------- Co-authored-by: wbamberg <will@bootbonnet.ca> * Add page for prefers-reduced-transparency (#25289) * Add page for prefers-reduced-transparency * Update page for prefers-reduced-transparency Changed text as requested in PR comments. --------- Co-authored-by: Brian Thomas Smith <brian@smith.berlin> Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org> * Fix arrow syntax explanation (#26704) * remove bracket around the parameter The example should omit the brackets around the parameter, as described in the explanation above this code. * Update files/en-us/learn/javascript/building_blocks/functions/index.md * Update files/en-us/learn/javascript/building_blocks/functions/index.md * Update index.md --------- Co-authored-by: Joshua Chen <sidachen2003@gmail.com> * Add RTCAudioSourceStats (#26667) * Add RTCAudioSourceStats * Update files/en-us/web/api/rtcaudiosourcestats/index.md Co-authored-by: wbamberg <will@bootbonnet.ca> * Apply suggestions from code review Co-authored-by: wbamberg <will@bootbonnet.ca> * Apply suggestions from code review Co-authored-by: wbamberg <will@bootbonnet.ca> * Update files/en-us/web/api/rtcaudiosourcestats/index.md * Add keys for BCD data * Make it clear that the audiolevel can also be calculated --------- Co-authored-by: wbamberg <will@bootbonnet.ca> * correct language tag of code fence (#26738) * Fix code comment in dialog example (#26669) * Update index.md (#26744) * Remove Prettier ignore for /web/web_components (#24225) * Bump @mdn/yari from 2.20.0 to 2.20.3 (#26747) * Update length values description (#26728) * Update length values description length values are not always absolute. For example we can use 2em for width property as a length value but it is not absolute. I corrected this in the Values section. * Update files/en-us/web/css/width/index.md Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org> --------- Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org> * Add TransformStream note about returning a promise (#26757) * Remove emphasis on WritableStream controller (#26758) * Remove emphasis on WritableStream controller * copy edit * lint --------- Co-authored-by: wbamberg <will@bootbonnet.ca> * fix: Updated description of example which in `JavaScript.Object` to be more accurate (#26742) Update index.md * Fix some more return statements (#26759) * Fix return value for toString * Fix some more return statements * Fix 26745: don't auto-play (#26748) * Fix 26743: Fix return value; improve example (#26753) * Fix return value for Range: getBoundingClientRect() (#26754) * Mention that Set iterators have a defined order (#26727) * Mention that Set iterators have a defined order * Do it for Map --------- Co-authored-by: Joshua Chen <sidachen2003@gmail.com> * Accentuate month being 0-index in getMonth example (#26734) * Accentuate month being 0-index in get month example `Date.getMonth` behavior differ slightly from the similar method as it return the index of the month and is 0-indexed, while the other method return ordinal values instead of index and don't have this distinction. One could be tempted to run `${year}-${month}-${day}` and `${hour}:${minutes}:${seconds}` after the code in exemple to get iso formated date and time but the month would be off by one as iso month are 1-indexed, january being 1 and december being 12. Adding a comment with the actual output put emphasis on this difference in behavior and might prevent people being surprised by that after the fact. The value chosen for the date is partly random. 2000 is the first year not starting with 19; January cause the month part to be 0 which should call attention to itself; 17 is high enough so it cannot be a month and I like it; 16 is in the 24h hour clock; 45 is high enough to not be confused with an hour; 30 is here for lack of imagination. * Update files/en-us/web/javascript/reference/global_objects/date/index.md * Update files/en-us/web/javascript/reference/global_objects/date/index.md * Update files/en-us/web/javascript/reference/global_objects/date/index.md --------- Co-authored-by: Joshua Chen <sidachen2003@gmail.com> * Do not use JSON.stringify in console.log (#26662) * Update index.md * fix: not use JSON.stringify when print via console.log * fix: Update the description of callbackFn's accumulator in `Array.reduceRight()` (#26594) * Update index.md * Update files/en-us/web/javascript/reference/global_objects/array/reduceright/index.md * Update files/en-us/web/javascript/reference/global_objects/array/reduceright/index.md --------- Co-authored-by: Joshua Chen <sidachen2003@gmail.com> * Remove random arrow from Endianness example (#26767) * Add missed redirect (#26769) * remove self-reference links (#26764) * remove a self reference link * Update index.md * Update index.md (#26771) * Update index.md Added the missing bracket * Update files/en-us/web/api/stylepropertymap/append/index.md --------- Co-authored-by: Hamish Willee <hamishwillee@gmail.com> * correct http status code message (#26765) * Fix 26741: reduce ambiguity, remove unneeded word (#26750) * Fix 26741: reduce ambiguity, remove unneeded word * Update files/en-us/web/http/overview/index.md --------- Co-authored-by: Hamish Willee <hamishwillee@gmail.com> * Window.beforeunload event requires sticky activation (#26772) * Update `:paused` content (#26768) * Update `:paused` content * Update files/en-us/web/css/_colon_paused/index.md * Update files/en-us/web/css/_colon_paused/index.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> * Update files/en-us/web/css/_colon_paused/index.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> * Update files/en-us/web/css/_colon_paused/index.md Co-authored-by: A1lo <yin199909@aliyun.com> --------- Co-authored-by: Joshua Chen <sidachen2003@gmail.com> Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> Co-authored-by: A1lo <yin199909@aliyun.com> * FF114 ECMAScript module support (#26774) * removed while loop from the example (#26588) Co-authored-by: Mohit Maheshwari <mohitmaheshwari@1MGH-LPTP-1483.local> * Updating content that storage is always partitioned and storage access grants are limited to cookies * Avoiding the phrase 'cookie storage' * implemented review from Tricolon * less firefox centric * clean up merge * capitalization --------- Co-authored-by: Hannah Peuckmann <peuckmann@uni-potsdam.de> Co-authored-by: Bodhi van Baardewijk <bodhivanbaardewijk@hotmail.com> Co-authored-by: wbamberg <will@bootbonnet.ca> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: rebloor <git@sherpa.co.nz> Co-authored-by: oti <oti@users.noreply.github.com> Co-authored-by: yarusome <97945148+yarusome@users.noreply.github.com> Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> Co-authored-by: Estelle Weyl <estelle@weyl.org> Co-authored-by: Brian Thomas Smith <brian@smith.berlin> Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org> Co-authored-by: Ctibor Laky <luckylooke@gmail.com> Co-authored-by: CanadaHonk <19228318+CanadaHonk@users.noreply.github.com> Co-authored-by: nintendoit <91181094+nintendoit@users.noreply.github.com> Co-authored-by: Joshua Chen <sidachen2003@gmail.com> Co-authored-by: Hamish Willee <hamishwillee@gmail.com> Co-authored-by: A1lo <yin199909@aliyun.com> Co-authored-by: Fredrik Vaeng Røtnes <frwdrik@gmail.com> Co-authored-by: Sebastian Sobociński <hiddenboox@users.noreply.github.com> Co-authored-by: Queen Vinyl Da.i'gyu-Kazotetsu <vinyldarkscratch@gmail.com> Co-authored-by: Amirhosain Shahsavari <shvb2007@gmail.com> Co-authored-by: Dan Cecile <dancecile@gmail.com> Co-authored-by: Jason Lam <jasonlamv-t@hotmail.com> Co-authored-by: Mathias Stearn <redbeard0531@gmail.com> Co-authored-by: L. Coues <couesl@gmail.com> Co-authored-by: Steven Nyman <35897452+stevennyman@users.noreply.github.com> Co-authored-by: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com> Co-authored-by: Arka Poddar <poddararka27@gmail.com> Co-authored-by: Jason Ren <40999116+jasonren0403@users.noreply.github.com> Co-authored-by: Wonder Dai <37327614+daiwanxing@users.noreply.github.com> Co-authored-by: MohitMaheshwari1711 <39165319+MohitMaheshwari1711@users.noreply.github.com> Co-authored-by: Mohit Maheshwari <mohitmaheshwari@1MGH-LPTP-1483.local>

Add page for prefers-reduced-transparency

cc60e6a

CanadaHonk requested a review from a team as a code owner March 13, 2023 10:37

CanadaHonk requested review from dipikabh and removed request for a team March 13, 2023 10:37

github-actions bot added the Content:CSS Cascading Style Sheets docs label Mar 13, 2023

teoli2003 added the on hold Waiting on something else before this can be moved forward. label Mar 13, 2023

teoli2003 marked this pull request as draft March 14, 2023 05:04

CanadaHonk marked this pull request as ready for review March 30, 2023 12:24

teoli2003 removed the on hold Waiting on something else before this can be moved forward. label Mar 30, 2023

teoli2003 reviewed Mar 30, 2023

View reviewed changes

files/en-us/web/css/@media/prefers-reduced-transparency/index.md Outdated Show resolved Hide resolved

teoli2003 reviewed Mar 30, 2023

View reviewed changes

files/en-us/web/css/@media/prefers-reduced-transparency/index.md Outdated Show resolved Hide resolved

dipikabh mentioned this pull request Mar 30, 2023

[CSS] Implement prefers-reduced-transparency media query #25773

Closed

8 tasks

dipikabh added the on hold Waiting on something else before this can be moved forward. label Mar 30, 2023

dipikabh marked this pull request as draft March 30, 2023 15:22

dipikabh removed the on hold Waiting on something else before this can be moved forward. label May 7, 2023

dipikabh added the Firefox 113 label May 7, 2023

dipikabh marked this pull request as ready for review May 7, 2023 23:22

dipikabh requested changes May 8, 2023

View reviewed changes

dipikabh self-assigned this May 8, 2023

dipikabh requested changes May 8, 2023

View reviewed changes

files/en-us/web/css/@media/prefers-reduced-transparency/index.md Show resolved Hide resolved

dipikabh mentioned this pull request May 8, 2023

docs(fx113-relnote): add "prefers-reduced-transparency" to experimental feature list #26632

Merged

bsmth and others added 3 commits May 10, 2023 12:36

Merge branch 'main' into add-prefers-reduced-transparency

ec50383

Merge branch 'main' into add-prefers-reduced-transparency

54c8db4

Update page for prefers-reduced-transparency

fe47fd7

Changed text as requested in PR comments.

dipikabh approved these changes May 12, 2023

View reviewed changes

dipikabh merged commit ae36b1d into mdn:main May 12, 2023

Josh-Cena removed the Firefox 113 label Jun 22, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add page for prefers-reduced-transparency #25289

Add page for prefers-reduced-transparency #25289

CanadaHonk commented Mar 13, 2023

github-actions bot commented Mar 13, 2023 •

edited

Loading

teoli2003 commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023

teoli2003 commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023

hamishwillee commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023 •

edited

Loading

hamishwillee commented Mar 13, 2023

teoli2003 commented Mar 14, 2023

CanadaHonk commented Mar 14, 2023

teoli2003 commented Mar 14, 2023

CanadaHonk commented Mar 30, 2023

dipikabh commented Mar 30, 2023

CanadaHonk commented Mar 30, 2023 •

edited

Loading

dipikabh left a comment

CanadaHonk commented May 11, 2023

dipikabh commented May 12, 2023

Add page for prefers-reduced-transparency #25289

Add page for prefers-reduced-transparency #25289

Conversation

CanadaHonk commented Mar 13, 2023

Description

Motivation

Additional details

github-actions bot commented Mar 13, 2023 • edited Loading

teoli2003 commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023

teoli2003 commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023

hamishwillee commented Mar 13, 2023

CanadaHonk commented Mar 13, 2023 • edited Loading

hamishwillee commented Mar 13, 2023

teoli2003 commented Mar 14, 2023

CanadaHonk commented Mar 14, 2023

teoli2003 commented Mar 14, 2023

CanadaHonk commented Mar 30, 2023

dipikabh commented Mar 30, 2023

CanadaHonk commented Mar 30, 2023 • edited Loading

dipikabh left a comment

Choose a reason for hiding this comment

CanadaHonk commented May 11, 2023

dipikabh commented May 12, 2023

github-actions bot commented Mar 13, 2023 •

edited

Loading

CanadaHonk commented Mar 13, 2023 •

edited

Loading

CanadaHonk commented Mar 30, 2023 •

edited

Loading