Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix typos #36639

Merged
merged 5 commits into from
Nov 5, 2024
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .vscode/dictionaries/terms-abbreviations.txt
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ autoallocate
autobuffering
autocapitalization
autoconfig
autocorrection
autodetection
autofilled
autofilling
Expand Down
4 changes: 3 additions & 1 deletion files/en-us/web/api/htmlelement/autocorrect/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ browser-compat: api.HTMLElement.autocorrect

{{APIRef("HTML DOM")}}{{SeeCompatTable}}

<!-- cSpell:ignore Carot -->

The **`autocorrect`** property of the {{domxref("HTMLElement")}} interface controls whether or not user text input is automatically corrected for spelling and/or punctuation errors.

The property reflects the value of the [`autocorrect`](/en-US/docs/Web/HTML/Global_attributes/autocorrect) HTML global attribute.
Expand All @@ -22,7 +24,7 @@ The property reflects the value of the [`autocorrect`](/en-US/docs/Web/HTML/Glob

### Enable and disable autocorrection

This example shows how you can enable and disable auto-correction.
This example shows how you can enable and disable autocorrection.

#### HTML

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@ page-type: guide

{{CSSRef}}

<!-- cSpell:ignore pwllgwyngy -->

This guide explains the various ways in which overflowing text can be managed in CSS.

## What is overflowing text?
Expand Down Expand Up @@ -163,11 +165,11 @@ In the example below there is a checkbox and label. Let's say, you want the labe

## Adding hyphens

To add hyphens when words are broken, use the CSS {{cssxref("hyphens")}} property. Using a value of `auto`, the browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. To have some control over the process, use a value of `manual`, then insert a hard or soft break character into the string. A hard break (`‐`) will always break, even if it is not necessary to do so. A soft break (`&shy;`) only breaks if breaking is needed.
To add hyphens when words are broken, use the CSS {{cssxref("hyphens")}} property. Using a value of `auto`, the browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. To have some control over the process, use a value of `manual`, then insert a hard (`-`) or soft break character (U+00AD) into the string. A soft break character can be added using `&shy;`, `&#173;`, or `&#xad` HTML character codes as well. A hard break will always break, even if it is not necessary to do so. A soft break only breaks if breaking is needed.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This changes the "hard break character" from (U+2010) to - (U+002D). I have no idea which one is correct; @bsmth I think it's you?

Also for the Welsh name below feel free to add the parts of it to ignore-list instead since it would never be confused with a valid word.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's a good point. U+2010 is the authentic hyphen, and U+002D is ASCII minus/dash. But both seem to work without any difference.

Suggested change
To add hyphens when words are broken, use the CSS {{cssxref("hyphens")}} property. Using a value of `auto`, the browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. To have some control over the process, use a value of `manual`, then insert a hard (`-`) or soft break character (U+00AD) into the string. A soft break character can be added using `&shy;`, `&#173;`, or `&#xad` HTML character codes as well. A hard break will always break, even if it is not necessary to do so. A soft break only breaks if breaking is needed.
To add hyphens when words are broken, use the CSS {{cssxref("hyphens")}} property. Using a value of `auto`, the browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. To have some control over the process, use a value of `manual`, then insert a hard (U+2010) or soft break character (U+00AD) into the string. A hard break character can be added using `` or `&#x2010;`, and a soft break character can be added using `&shy;`, `&#173;`, or `&#xad` HTML character codes. A hard break will always break, even if it is not necessary to do so. A soft break only breaks if breaking is needed.


```html live-sample___hyphens
<div class="box">
Llanfair­pwllgwyngy­llgogerychwyrndrobwllllantysiliogogogoch
Llanfair&shy;pwllgwyngy&shy;llgogerychwyrndrobwllllantysiliogogogoch
</div>
```

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ If auto-correction is enabled on your browser, a typo in a vegetable name should

### Enabling and disabling autocorrection

This example shows how you can enable and disable auto-correction using the `autocorrect` attribute.
This example shows how you can enable and disable autocorrection using the `autocorrect` attribute.

#### HTML

Expand Down