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.

Sign up for GitHub

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

Adds proposed popover and related attributes #446

Closed
wants to merge 8 commits into from
Closed

Adds proposed popover and related attributes #446

Changes from 3 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
19ed0b8
Adds proposed popover and related attributes
scottaohara Nov 28, 2022
6832e03
Update index.html
scottaohara Nov 28, 2022
fd0024e
remove defaultopen from PR
scottaohara Nov 28, 2022
723091d
Update index.html
scottaohara Nov 28, 2022
7fb0fd3
Merge branch 'gh-pages' into popover-attrs
scottaohara Nov 29, 2022
ae3911c
remove comments
scottaohara Dec 5, 2022
234a374
Merge branch 'gh-pages' into popover-attrs
scottaohara Dec 11, 2022
c8b66f5
Merge branch 'gh-pages' into popover-attrs
scottaohara Feb 23, 2023
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
93 changes: 93 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4910,6 +4910,99 @@ <h3>HTML Attribute State and Property Mappings</h3>
<td class="ax"><div class="general">Not mapped</div></td>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="att-popover">
<th>`popover`</th>
<td class="elements">
<a >HTML elements</a>
</td>
<td class="aria"><div class="general"> TODO </div></td>
<td class="ia2"><div class="general"> TODO </div></td>
<td class="uia"><div class="general"> TODO </td>
<td class="atk"><div class="general"> TODO </div></td>
<td class="ax"><div class="general"> TODO </div></td>
<td class="comments">
<p>User agents MUST ignore the `popover` attribute when used on a `dialog` element that is rendered via `showModal()`. A non-modal dialog MAY be rendered as a popover.</p>
</td>
</tr>

<tr tabindex="-1" id="att-popoverhidetarget">
<th>`popoverhidetarget`</th>
<td class="elements">
<a >`button</a>;
<a >`button type=button`</a>;
<a >`input type=button`</a>
</td>
<td class="aria"><div class="general">
<a class="core-mapping" href="#ariaExpandedTrue">`aria-expanded=true`</a>,
<a class="core-mapping" href="#ariaExpandedFalse">`false`</a> or
<a class="core-mapping" href="#ariaExpandedUndefined">`undefined`</a>
</td>
<td class="ia2">Use WAI-ARIA mapping</td>
<td class="uia">Use WAI-ARIA mapping</td>
<td class="atk">Use WAI-ARIA mapping</td>
<td class="ax">Use WAI-ARIA mapping</td>
<td class="comments">
<p>The attribute is supported on a `button` element without a specified `type` as long as the `button` would not otherwise submit a form. In such an instance user agents MUST ignore the attribute.</p>
scottaohara marked this conversation as resolved.
Show resolved Hide resolved

<!-- defaults to the expanded state? Should map to 'disabled' when the popover is hidden? -->

<p>The expanded or collapsed state MUST reflect the state of the ID referenced element with the `popover` attribute.</p>

<p>If there is no element with an ID matching the specified value of the attribute, then the attribute maps to the `undefined` state.</p>
</td>
</tr>
<tr tabindex="-1" id="att-popovershowtarget">
<th>`popovershowtarget`</th>
<td class="elements">
<a >`button</a>;
<a >`button type=button`</a>;
<a >`input type=button`</a>
</td>
<td class="aria"><div class="general">
<a class="core-mapping" href="#ariaExpandedTrue">`aria-expanded=true`</a>,
<a class="core-mapping" href="#ariaExpandedFalse">`false`</a> or
<a class="core-mapping" href="#ariaExpandedUndefined">`undefined`</a>
</td>
<td class="ia2">Use WAI-ARIA mapping</td>
<td class="uia">Use WAI-ARIA mapping</td>
<td class="atk">Use WAI-ARIA mapping</td>
<td class="ax">Use WAI-ARIA mapping</td>
<td class="comments">
<p>The attribute is supported on a `button` element without a specified `type` as long as the `button` would not otherwise submit a form. In such an instance user agents MUST ignore the attribute.</p>

<!-- defaults to the collapsed state? Should map to 'disabled' when the popover is shown? -->

<p>The expanded or collapsed state MUST reflect the state of the ID referenced element with the `popover` attribute.</p>

<p>If there is no element with an ID matching the specified value of the attribute, then the attribute maps to the `undefined` state.</p>
</td>
</tr>
<tr tabindex="-1" id="att-popovertoggletarget">
<th>`popovertoggletarget`</th>
<td class="elements">
<a >`button</a>;
<a >`button type=button`</a>;
<a >`input type=button`</a>
</td>
<td class="aria"><div class="general">
<a class="core-mapping" href="#ariaExpandedTrue">`aria-expanded=true`</a>,
<a class="core-mapping" href="#ariaExpandedFalse">`false`</a> or
<a class="core-mapping" href="#ariaExpandedUndefined">`undefined`</a>
</td>
<td class="ia2">Use WAI-ARIA mapping</td>
<td class="uia">Use WAI-ARIA mapping</td>
<td class="atk">Use WAI-ARIA mapping</td>
<td class="ax">Use WAI-ARIA mapping</td>
<td class="comments">
<p>The attribute is supported on a `button` element without a specified `type` as long as the `button` would not otherwise submit a form. In such an instance user agents MUST ignore the attribute.</p>

<p>Defaults to the state (`aria-expanded=false`). If the ID referenced element with the `popover` attribute also has a `defaultopen` attribute, then defaults to the expanded state (`aria-expanded=true`).</p>

<p>The expanded or collapsed state MUST reflect the state of the ID referenced element with the `popover` attribute.</p>

<p>If there is no element with an ID matching the specified value of the attribute, then the attribute maps to the `undefined` state.</p>
</td>
</tr>
<tr tabindex="-1" id="att-poster">
<th>`poster`</th>
<td class="elements">
Expand Down