Skip to content

Commit 80f1e5f

Browse files
authored
docs: further browsersupport changes (#4679)
* refactor: prettier * Update BrowserSupport.md * Update BrowserSupport.md * chore: added missing planned label * Update BrowserSupport.md
1 parent 6ad29d2 commit 80f1e5f

File tree

1 file changed

+18
-16
lines changed

1 file changed

+18
-16
lines changed

packages/foundations/docs/BrowserSupport.md

Lines changed: 18 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -6,25 +6,27 @@ This may leave some older browser versions behind. If you need to take care of t
66

77
## Progressive enhancement
88

9-
| Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
10-
| --------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------- |
11-
| [CSS `field-sizing: content` property](https://caniuse.com/mdn-css_properties_field-sizing_content) | 123 (19.03.2024) | tbd | Technology Preview (220) |
12-
| [semantic overflow (`overflow-block` and `overflow-inline`)](https://caniuse.com/mdn-css_properties_overflow-block) | 135 (01.04.2026) | 69 (03.09.2019) | 26 |
13-
| [Customizable select elements](https://caniuse.com/selectlist) (planned) | 134 (19.03.2024) | tbd | tbd |
14-
| [`dialog[closedby="closerequest"]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closerequest) (planned) | 134 (19.03.2024) | 141 (22.07.2025) | tbd |
15-
| [`hidden="until-found"`-HTML-attribute (planned)](https://caniuse.com/mdn-html_global_attributes_hidden_until-found) | 102 (24.05.2022) | 139 (27.05.2025) | tbd |
16-
| [Anchor Positioning](https://caniuse.com/css-anchor-positioning) (planned) | 125 (14.05.2024) | tbd | ["this fall"](https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/#css) |
17-
| [CSS Custom Functions](https://www.bram.us/2025/02/09/css-custom-functions-teaser/) (planned) | 139 (30.07.2025) | tbd | tbd |
18-
| [Invoker Commands](https://caniuse.com/mdn-html_elements_button_commandfor) (planned) | 135 (01.04.2025) | Nightly | Technology Preview (211) |
9+
| Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
10+
| --------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | ------------------------ |
11+
| [CSS `field-sizing: content` property](https://caniuse.com/mdn-css_properties_field-sizing_content) | 123 (19.03.2024) | tbd | Technology Preview (220) |
12+
| [Customizable select elements](https://caniuse.com/selectlist) (planned) | 134 (19.03.2024) | tbd | tbd |
13+
| [`dialog[closedby="closerequest"]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closerequest) (planned) | 134 (19.03.2024) | 141 (22.07.2025) | tbd |
14+
| [`hidden="until-found"`-HTML-attribute](https://caniuse.com/mdn-html_global_attributes_hidden_until-found) (planned) | 102 (24.05.2022) | 139 (27.05.2025) | tbd |
1915

2016
## Without graceful degradation
2117

22-
| Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
23-
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | ---------------- | ----------------- |
24-
| [`@property` / typed CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/@property) | 85 (25.08.2022) | 128 (09.07.2024) | 16.4 (27.03.2023) |
25-
| [`light-dark()` CSS function](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark) | 123 (19.03.2024) | 120 (21.11.2023) | 17.5 (13.05.2024) |
26-
| [`attr()` CSS Values 5 extensions](https://developer.mozilla.org/en-US/docs/Web/CSS/attr) | 133 (04.02.2025) | tbd | tbd |
27-
| [`style()` container queries for custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries#container_style_queries) | 111 (07.03.2023) | tbd | 18 (16.09.2024) |
18+
The following functionality relies on JavaScript for support in browsers that do not support it yet. Other solutions would be PostCSS preprocessing (planned) and declaring CSS declarations twice, both in the new and old ways (e.g., semantic overflow).
19+
20+
| Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
21+
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------- |
22+
| [semantic overflow (`overflow-block` and `overflow-inline`)](https://caniuse.com/mdn-css_properties_overflow-block) | 135 (01.04.2026) | 69 (03.09.2019) | 26 |
23+
| [`@property` / typed CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/@property) | 85 (25.08.2022) | 128 (09.07.2024) | 16.4 (27.03.2023) |
24+
| [`light-dark()` CSS function](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark) | 123 (19.03.2024) | 120 (21.11.2023) | 17.5 (13.05.2024) |
25+
| [`attr()` CSS Values 5 extensions](https://developer.mozilla.org/en-US/docs/Web/CSS/attr) (planned) | 133 (04.02.2025) | tbd | tbd |
26+
| [`style()` container queries for custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries#container_style_queries) (planned) | 111 (07.03.2023) | tbd | 18 (16.09.2024) |
27+
| [Anchor Positioning](https://caniuse.com/css-anchor-positioning) (planned) | 125 (14.05.2024) | tbd | ["this fall"](https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/#css) |
28+
| [CSS Custom Functions](https://www.bram.us/2025/02/09/css-custom-functions-teaser/) (planned) | 139 (30.07.2025) | tbd | tbd |
29+
| [Invoker Commands](https://caniuse.com/mdn-html_elements_button_commandfor) (planned) | 135 (01.04.2025) | Nightly | Technology Preview (211) |
2830

2931
## Stable in evergreen browsers
3032

0 commit comments

Comments
 (0)