Skip to content

Commit

Permalink
fix: update explainer to enumerate IDref ARIA attrs
Browse files Browse the repository at this point in the history
Fixes #27

I also went ahead and renamed "popup" to "popover," since [that's the new name](https://developer.chrome.com/docs/web-platform/popover-api/).
  • Loading branch information
nolanlawson authored Mar 20, 2023
1 parent 56baf9c commit 3c90e5a
Showing 1 changed file with 13 additions and 2 deletions.
15 changes: 13 additions & 2 deletions explainer.md
Original file line number Diff line number Diff line change
Expand Up @@ -329,9 +329,20 @@ Example:

Here we cannot set the relationship between the external `label` and the inner `input` element. A similar thing can happen in the opposite direction with a custom label referencing an input outside the shadow tree.

There are other cases that also reference to other elements:
To be clear, there are 8 ID-referencing ARIA attributes that this proposal addresses:

- `aria-activedescendant`
- `aria-controls`
- `aria-describedby`
- `aria-details`
- `aria-errormessage`
- `aria-flowto`
- `aria-labelledby`
- `aria-owns`

There are also other cases that also reference to other elements:
* [`list`](https://html.spec.whatwg.org/multipage/input.html#attr-input-list) attribute in `input`.
* [Pop Up](https://open-ui.org/components/popup.research.explainer) proposal by Open UI, that adds some new attributes `popuptoggletarget`, `popupshowtarget` and `popuphidetarget`.
* [Popover API]([https://open-ui.org/components/popup.research.explainer](https://developer.chrome.com/docs/web-platform/popover-api/)) proposal, which adds some new attributes: `popovertoggletarget`, `popovershowtarget` and `popoverhidetarget`.
* [SVG `<use>` and the `href` attribute](https://github.com/WICG/webcomponents/issues/772)
* [`@font-face` and the `font-family` CSS property](https://robdodson.me/posts/at-font-face-doesnt-work-in-shadow-dom/)

Expand Down

0 comments on commit 3c90e5a

Please sign in to comment.