Skip to content

Commit

Permalink
Merge branch 'main' into status-codes-fix
Browse files Browse the repository at this point in the history
  • Loading branch information
gagan-bhullar-tech authored Sep 3, 2024
2 parents a434d0c + d5ded97 commit f57aeaf
Show file tree
Hide file tree
Showing 27 changed files with 55 additions and 69 deletions.
Binary file not shown.
42 changes: 2 additions & 40 deletions files/en-us/learn/forms/other_form_controls/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,14 +47,9 @@ The main difference between a `<textarea>` and a regular single-line text field

Note that even though you can put anything inside a `<textarea>` element (including other HTML elements, CSS, and JavaScript), because of its nature, it is all rendered as if it was plain text content. (Using [`contenteditable`](/en-US/docs/Web/HTML/Global_attributes/contenteditable) on non-form controls provides an API for capturing HTML/"rich" content instead of plain text).

Visually, the text entered wraps and the form control is by default resizable. Modern browsers provide a drag handle that you can drag to increase/decrease the size of the text area.
Visually, the text entered wraps and the form control is by default resizable. Most browsers provide a drag handle that you can drag to increase/decrease the size of the text area.

The following screenshots show default, focused, and disabled `<textarea>` elements in Firefox 71 and Safari 13 on macOS and in Edge 18, Yandex 14, Firefox 71, and Chrome 79 on Windows 10.

![The default, focused, and disabled 'textarea' element in Firefox 71 and Safari 13 on Mac OSX and Edge 18, Yandex 14, Firefox and Chrome on Windows 10.](textarea_basic.png)

> [!NOTE]
> You can find a slightly more interesting example of text area usage in the [example](https://mdn.github.io/learning-area/html/forms/your-first-HTML-form/first-form-styled.html) we put together in the first article of the series ([see the source code also](https://github.com/mdn/learning-area/blob/main/html/forms/your-first-HTML-form/first-form-styled.html)).
You can find an example of text area usage in the [example](https://mdn.github.io/learning-area/html/forms/your-first-HTML-form/first-form-styled.html) we put together in the first article of this.

### Controlling multi-line rendering

Expand Down Expand Up @@ -199,39 +194,6 @@ Let's look at an example.

{{EmbedLiveSample("Basic_example_2", 120, 120)}}

#### Datalist support and fallbacks

Almost all browsers support datalist, but if you are still supporting older browsers such as IE versions below 10, there is a trick to provide a fallback:

```html
<label for="myFruit">What is your favorite fruit? (With fallback)</label>
<input type="text" id="myFruit" name="fruit" list="fruitList" />

<datalist id="fruitList">
<label for="suggestion">or pick a fruit</label>
<select id="suggestion" name="altFruit">
<option>Apple</option>
<option>Banana</option>
<option>Blackberry</option>
<option>Blueberry</option>
<option>Lemon</option>
<option>Lychee</option>
<option>Peach</option>
<option>Pear</option>
</select>
</datalist>
```

{{EmbedLiveSample("Datalist_support_and_fallbacks", 120, 120)}}

Browsers that support the {{HTMLElement("datalist")}} element will ignore all the elements that are not {{HTMLElement("option")}} elements, with the datalist working as expected. Old browsers that don't support the {{HTMLElement("datalist")}} element will display the label and the select box.

The following screenshot shows the datalist fallback as rendered in Safari 6:

![Screenshot of the datalist element fallback with Safari on Mac OS](datalist-safari.png)

If you use this fallback, ensure the data for both the `<input>` and the `<select>` are collected server-side.

#### Less obvious datalist uses

According to [the HTML specification](https://html.spec.whatwg.org/multipage/input.html#attr-input-list), the [`list`](/en-US/docs/Web/HTML/Element/input#list) attribute and the {{HTMLElement("datalist")}} element can be used with any kind of widget requiring a user input. This leads to some uses of it that might seem a little non-obvious.
Expand Down
Binary file not shown.
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: API constructor subpage template
slug: MDN/Writing_guidelines/Page_structures/Page_types/API_constructor_subpage_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheConstructor
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: API event subpage template
slug: MDN/Writing_guidelines/Page_structures/Page_types/API_event_subpage_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheEvent_event
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: API method subpage template
slug: MDN/Writing_guidelines/Page_structures/Page_types/API_method_subpage_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheMethod
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: API property subpage template
slug: MDN/Writing_guidelines/Page_structures/Page_types/API_property_subpage_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheProperty
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: API reference page template
slug: MDN/Writing_guidelines/Page_structures/Page_types/API_reference_page_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheInterface
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: CSS function page template
slug: MDN/Writing_guidelines/Page_structures/Page_types/CSS_function_page_template
page-type: mdn-writing-guide
browser-compat: css.functions.NameOfTheFunction
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: CSS property page template
slug: MDN/Writing_guidelines/Page_structures/Page_types/CSS_property_page_template
page-type: mdn-writing-guide
browser-compat: css.properties.NameOfTheProperty
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: CSS selector page template
slug: MDN/Writing_guidelines/Page_structures/Page_types/CSS_selector_page_template
page-type: mdn-writing-guide
browser-compat: css.selectors.NameOfTheSelector
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: HTML element page template
slug: MDN/Writing_guidelines/Page_structures/Page_types/HTML_element_page_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheElement
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: HTTP header page template
slug: MDN/Writing_guidelines/Page_structures/Page_types/HTTP_header_page_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheHeader
---

{{MDNSidebar}}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: SVG element page template
slug: MDN/Writing_guidelines/Page_structures/Page_types/SVG_element_page_template
page-type: mdn-writing-guide
browser-compat: path.to.feature.NameOfTheElement
---

{{MDNSidebar}}
Expand Down
40 changes: 40 additions & 0 deletions files/en-us/mozilla/firefox/experimental_features/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -1162,6 +1162,46 @@ This includes: `SVGPathSegList`, [SVGPathElement.getPathSegAtLength()](/en-US/do

## JavaScript

### Regular expression (?ims-ims:...) modifiers

The [(?ims-ims:...)](/en-US/docs/Web/JavaScript/Reference/Regular_expressions/Modifier) regular expression modifiers allow you to make changes to only take effect in a specific part of a regex pattern.

<table>
<thead>
<tr>
<th>Release channel</th>
<th>Version added</th>
<th>Enabled by default?</th>
</tr>
</thead>
<tbody>
<tr>
<th>Nightly</th>
<td>131</td>
<td>No</td>
</tr>
<tr>
<th>Developer Edition</th>
<td>-</td>
<td>-</td>
</tr>
<tr>
<th>Beta</th>
<td>-</td>
<td>-</td>
</tr>
<tr>
<th>Release</th>
<td>-</td>
<td>-</td>
</tr>
<tr>
<th>Preference name</th>
<td colspan="2"><code>javascript.options.experimental.regexp_modifiers</code></td>
</tr>
</tbody>
</table>

## APIs

### Graphics: Canvas, WebGL, and WebGPU
Expand Down
6 changes: 6 additions & 0 deletions files/en-us/mozilla/firefox/releases/131/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,8 @@ This article provides information about the changes in Firefox 131 that affect d

### HTTP

- A {{httpheader("Set-Cookie")}} HTTP header with the attribute value of [`SameSite=None`](/en-US/docs/Web/HTTP/Headers/Set-Cookie#none) must now also include the [`Secure`](/en-US/docs/Web/HTTP/Headers/Set-Cookie#secure) attribute. This ensures that cookies set with `SameSite=None` are only ever sent over HTTPS channels. ([Firefox bug 1909673](https://bugzil.la/1909673)).

#### Removals

### Security
Expand Down Expand Up @@ -66,6 +68,10 @@ This article provides information about the changes in Firefox 131 that affect d

These features are newly shipped in Firefox 131 but are disabled by default. To experiment with them, search for the appropriate preference on the `about:config` page and set it to `true`. You can find more such features on the [Experimental features](/en-US/docs/Mozilla/Firefox/Experimental_features) page.

- **Regular expression (?ims-ims:...) modifiers:** `javascript.options.experimental.regexp_modifiers`

The [(?ims-ims:...)](/en-US/docs/Web/JavaScript/Reference/Regular_expressions/Modifier) regular expression modifiers allow you to make changes to only take effect in a specific part of a regex pattern. ([Firefox bug 1899813](https://bugzil.la/1899813)).

## Older versions

{{Firefox_for_developers}}
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ slug: Web/API/Storage_Access_API/Related_website_sets
page-type: guide
status:
- non-standard
browser-compat: api.document.requestStorageAccessFor
spec-urls: https://wicg.github.io/first-party-sets/
---

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -362,8 +362,6 @@ const endGame = () => {
};
```

> **Note:** `getAnimations()` and `effect` are not shipping in all browsers as of this writing, but the polyfill does support them today.
## Callbacks and promises

CSS Animations and Transitions have their own event listeners, and these are also possible with the Web Animations API:
Expand Down
1 change: 0 additions & 1 deletion files/en-us/web/css/@color-profile/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: "@color-profile"
slug: Web/CSS/@color-profile
page-type: css-at-rule
browser-compat: css.at-rules.color-profile
spec-urls: https://www.w3.org/TR/css-color-5/#at-profile
---

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: font-display
slug: Web/CSS/@font-feature-values/font-display
page-type: css-at-rule-descriptor
browser-compat: css.at-rules.font-feature-values.font-display
spec-urls: https://drafts.csswg.org/css-fonts/#descdef-font-feature-values-font-display
---

Expand Down
1 change: 0 additions & 1 deletion files/en-us/web/css/_colon_-moz-drag-over/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ slug: Web/CSS/:-moz-drag-over
page-type: css-pseudo-class
status:
- non-standard
browser-compat: css.selectors.-moz-drag-over
---

{{CSSRef}}{{Non-standard_header}}
Expand Down
1 change: 0 additions & 1 deletion files/en-us/web/css/_colon_current/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: ":current"
slug: Web/CSS/:current
page-type: css-pseudo-class
browser-compat: css.selectors.current
spec-urls: https://drafts.csswg.org/selectors/#the-current-pseudo
---

Expand Down
1 change: 0 additions & 1 deletion files/en-us/web/css/color_value/device-cmyk/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
title: device-cmyk()
slug: Web/CSS/color_value/device-cmyk
page-type: css-function
browser-compat: css.types.color.device-cmyk
spec-urls: https://drafts.csswg.org/css-color-5/#device-cmyk
---

Expand Down
3 changes: 0 additions & 3 deletions files/en-us/web/css/css_scrollbars_styling/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,6 @@
title: CSS scrollbars styling
slug: Web/CSS/CSS_scrollbars_styling
page-type: css-module
browser-compat:
- css.properties.scrollbar-color
- css.properties.scrollbar-width
spec-urls: https://drafts.csswg.org/css-scrollbars/
---

Expand Down
8 changes: 2 additions & 6 deletions files/en-us/web/http/headers/alt-used/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Alt-Used
slug: Web/HTTP/Headers/Alt-Used
page-type: http-header
browser-compat: http.headers.Alt-Used
spec-urls: https://datatracker.ietf.org/doc/html/rfc7838
---

{{HTTPSidebar}}
Expand Down Expand Up @@ -32,14 +32,10 @@ Alt-Used: <host>:<port>
Alt-Used: alternate.example.net
```

<!-- ## Specifications
## Specifications

{{Specifications}}

## Browser compatibility
{{Compat}} -->

## See also

- {{HTTPHeader("Alt-Svc")}}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/http/headers/forwarded/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Forwarded
slug: Web/HTTP/Headers/Forwarded
page-type: http-header
browser-compat: http.headers.Forwarded
spec-urls: https://datatracker.ietf.org/doc/html/rfc7239
---

{{HTTPSidebar}}
Expand Down
4 changes: 4 additions & 0 deletions files/en-us/web/http/status/425/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,10 @@ See {{HTTPHeader("Early-Data")}} for more information.

{{Specifications}}

## Browser compatibility

{{Compat}}

## See also

- [HTTP response status codes](/en-US/docs/Web/HTTP/Status)
Expand Down

0 comments on commit f57aeaf

Please sign in to comment.