Skip to content

Commit 39117bd

Browse files
committed
Add support for inputactionlabel.
inputactionlabel allows an author to configure what type of iconify is displayed in place for the enter key on virtual keyboards. Tests: Soon
1 parent ae688ea commit 39117bd

File tree

1 file changed

+64
-0
lines changed

1 file changed

+64
-0
lines changed

source

+64
Original file line numberDiff line numberDiff line change
@@ -11365,6 +11365,7 @@ https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%
1136511365
<li><code data-x="attr-dir">dir</code></li>
1136611366
<li><code data-x="attr-draggable">draggable</code></li>
1136711367
<li><code data-x="attr-hidden">hidden</code></li>
11368+
<li><code data-x="attr-inputactionlabel">inputactionlabel</code></li>
1136811369
<li><code data-x="attr-inputmode">inputmode</code></li>
1136911370
<li><code data-x="attr-is">is</code></li>
1137011371
<li><code data-x="attr-itemid">itemid</code></li>
@@ -73816,6 +73817,7 @@ addShortcutKeyLabel(document.getElementById('c'));</code></pre>
7381673817
<pre><code class="idl" data-x="">interface mixin <dfn>ElementContentEditable</dfn> {
7381773818
[<span>CEReactions</span>] attribute DOMString <span data-x="dom-contentEditable">contentEditable</span>;
7381873819
readonly attribute boolean <span data-x="dom-isContentEditable">isContentEditable</span>;
73820+
[<span>CEReactions</span>] attribute DOMString <span data-x="dom-inputActionLabel">inputActionLabel</span>;
7381973821
[<span>CEReactions</span>] attribute DOMString <span data-x="dom-inputMode">inputMode</span>;
7382073822
};</code></pre>
7382173823

@@ -74493,6 +74495,58 @@ body { display:none }
7449374495

7449474496
</div>
7449574497

74498+
<h4>Input modalities: the <code data-x="attr-inputactionlabel">inputactionlabel</code>
74499+
attribute</h4>
74500+
74501+
<p>User agents can support the <code data-x="attr-inputactionlabel">inputactionlabel</code>
74502+
attribute on form controls (such as the value of <code>textarea</code> elements), or in elements
74503+
in an <span>editing host</span> (e.g., using <code
74504+
data-x="attr-contenteditable">contenteditable</code>).</p>
74505+
74506+
<p>The <dfn><code data-x="attr-inputactionlabel">inputactionlabel</code></dfn> content attribute
74507+
is an <span>enumerated attribute</span> that specifies what action label (or icon) to present for
74508+
the enter key on virtual keyboards would be most helpful for users entering content.</p>
74509+
74510+
<table>
74511+
<thead>
74512+
<tr>
74513+
<th> Keyword
74514+
<th> Description
74515+
<tbody>
74516+
<tr>
74517+
<td><dfn><code data-x="attr-inputactionlabel-keyword-enter">enter</code></dfn>
74518+
<td>The user agent should present a cue for the operation 'enter'.
74519+
<tr>
74520+
<td><dfn><code data-x="attr-inputactionlabel-keyword-done">done</code></dfn>
74521+
<td>The user agent should present a cue for the operation 'done'.
74522+
<tr>
74523+
<td><dfn><code data-x="attr-inputactionlabel-keyword-go">go</code></dfn>
74524+
<td> The user agent should present a cue for the operation 'go'.
74525+
<tr>
74526+
<td><dfn><code data-x="attr-inputactionlabel-keyword-next">next</code></dfn>
74527+
<td>The user agent should present a cue for the operation 'next'.
74528+
<tr>
74529+
<td><dfn><code data-x="attr-inputactionlabel-keyword-search">search</code></dfn>
74530+
<td>The user agent should present a cue for the operation 'search'.
74531+
<tr>
74532+
<td><dfn><code data-x="attr-inputactionlabel-keyword-send">send</code></dfn>
74533+
<td> The user agent should present a cue for the operation 'send'.
74534+
</table>
74535+
74536+
<div w-nodev>
74537+
74538+
<p>The <dfn><code data-x="dom-inputActionLabel">inputActionLabel</code></dfn> IDL attribute must
74539+
<span>reflect</span> the <code data-x="attr-inputactionlabel">inputactionlabel</code> content
74540+
attribute, <span>limited to only known values</span>.</p>
74541+
74542+
<p>When <code data-x="attr-inputactionlabel">inputactionlabel</code> is unspecified (or is in a
74543+
state not supported by the user agent), the user agent should determine the default action type to
74544+
be shown. Contextual information such as the <code data-x="attr-inputmode">inputmode</code>, <code
74545+
data-x="attr-input-type">type</code>, or <code data-x="attr-input-pattern">pattern</code>
74546+
attributes should be used to determine which action should be presented on the virtual keyboard.</p>
74547+
74548+
</div>
74549+
7449674550
<h3 split-filename="dnd" id="dnd"><dfn>Drag and drop</dfn></h3>
7449774551

7449874552
<!-- v2: ideas for drag and drop:
@@ -118498,6 +118552,16 @@ interface <dfn>External</dfn> {
118498118552
"<code data-x="attr-inputmode-keyword-numeric">numeric</code>";
118499118553
"<code data-x="attr-inputmode-keyword-decimal">decimal</code>";
118500118554
"<code data-x="attr-inputmode-keyword-search">search</code>"
118555+
<tr>
118556+
<th> <code data-x="">inputactionlabel</code>
118557+
<td> <span data-x="attr-inputactionlabel">HTML elements</span>
118558+
<td> Hint for selecting an input action
118559+
<td> "<code data-x="attr-inputactionlabel-keyword-enter">enter</code>";
118560+
"<code data-x="attr-inputactionlabel-keyword-done">done</code>";
118561+
"<code data-x="attr-inputactionlabel-keyword-go">go</code>";
118562+
"<code data-x="attr-inputactionlabel-keyword-next">next</code>";
118563+
"<code data-x="attr-inputactionlabel-keyword-search">search</code>"
118564+
"<code data-x="attr-inputactionlabel-keyword-send">send</code>"
118501118565
<tr>
118502118566
<th> <code data-x="">integrity</code>
118503118567
<td> <code data-x="attr-link-integrity">link</code>;

0 commit comments

Comments
 (0)