Skip to content

Commit

Permalink
Make dirname apply to hidden/tel/url/email inputs
Browse files Browse the repository at this point in the history 
Fixes #9225
  • Loading branch information
@zcorpan
zcorpan committed Jul 5, 2023
1 parent bff19fb commit d0da8a0
Showing 1 changed file with 23 additions and 19 deletions.
42 changes: 23 additions & 19 deletions source
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46237,11 +46237,11 @@ interface <dfn interface>HTMLInputElement</dfn> : <span>HTMLElement</span> {

<tr>
<th> <code data-x="attr-fe-dirname">dirname</code>
<td class="no"> &middot; <!-- Hidden -->
<td class="yes"> Yes <!-- Hidden -->
<td class="yes"> Yes <!-- Text -->
<!-- <td class="yes"> Yes Search -->
<td class="no"> &middot; <!-- URL, Telephone -->
<td class="no"> &middot; <!-- Email -->
<td class="yes"> Yes <!-- URL, Telephone -->
<td class="yes"> Yes <!-- Email -->
<td class="no"> &middot; <!-- Password -->
<td class="no"> &middot; <!-- Date -->
<!-- <td class="no"> &middot; Month -->
Expand Down Expand Up @@ -47542,8 +47542,9 @@ interface <dfn interface>HTMLInputElement</dfn> : <span>HTMLElement</span> {
<div class="bookkeeping">

<p>The
<code data-x="attr-fe-autocomplete">autocomplete</code>
content attribute <span data-x="concept-input-apply">applies</span> to this element.</p>
<code data-x="attr-fe-autocomplete">autocomplete</code> and
<code data-x="attr-fe-dirname">dirname</code>
content attributes <span data-x="concept-input-apply">apply</span> to this element.</p>

<p>The
<code data-x="dom-input-value">value</code>
Expand All @@ -47555,7 +47556,6 @@ interface <dfn interface>HTMLInputElement</dfn> : <span>HTMLElement</span> {
<code data-x="attr-input-accept">accept</code>,
<code data-x="attr-input-alt">alt</code>,
<code data-x="attr-input-checked">checked</code>,
<code data-x="attr-fe-dirname">dirname</code>,
<code data-x="attr-fs-formaction">formaction</code>,
<code data-x="attr-fs-formenctype">formenctype</code>,
<code data-x="attr-fs-formmethod">formmethod</code>,
Expand Down Expand Up @@ -47772,6 +47772,7 @@ interface <dfn interface>HTMLInputElement</dfn> : <span>HTMLElement</span> {
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods <span data-x="concept-input-apply">apply</span> to the element:
<code data-x="attr-fe-autocomplete">autocomplete</code>,
<code data-x="attr-fe-dirname">dirname</code>,
<code data-x="attr-input-list">list</code>,
<code data-x="attr-input-maxlength">maxlength</code>,
<code data-x="attr-input-minlength">minlength</code>,
Expand Down Expand Up @@ -47800,7 +47801,6 @@ interface <dfn interface>HTMLInputElement</dfn> : <span>HTMLElement</span> {
<code data-x="attr-input-accept">accept</code>,
<code data-x="attr-input-alt">alt</code>,
<code data-x="attr-input-checked">checked</code>,
<code data-x="attr-fe-dirname">dirname</code>,
<code data-x="attr-fs-formaction">formaction</code>,
<code data-x="attr-fs-formenctype">formenctype</code>,
<code data-x="attr-fs-formmethod">formmethod</code>,
Expand Down Expand Up @@ -47877,6 +47877,7 @@ interface <dfn interface>HTMLInputElement</dfn> : <span>HTMLElement</span> {
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods <span data-x="concept-input-apply">apply</span> to the element:
<code data-x="attr-fe-autocomplete">autocomplete</code>,
<code data-x="attr-fe-dirname">dirname</code>,
<code data-x="attr-input-list">list</code>,
<code data-x="attr-input-maxlength">maxlength</code>,
<code data-x="attr-input-minlength">minlength</code>,
Expand Down Expand Up @@ -47905,7 +47906,6 @@ interface <dfn interface>HTMLInputElement</dfn> : <span>HTMLElement</span> {
<code data-x="attr-input-accept">accept</code>,
<code data-x="attr-input-alt">alt</code>,
<code data-x="attr-input-checked">checked</code>,
<code data-x="attr-fe-dirname">dirname</code>,
<code data-x="attr-fs-formaction">formaction</code>,
<code data-x="attr-fs-formenctype">formenctype</code>,
<code data-x="attr-fs-formmethod">formmethod</code>,
Expand Down Expand Up @@ -48144,6 +48144,7 @@ ldh-str = &lt; as defined in <a href="https://www.rfc-editor.org/rfc/rfc10
<p>The following common <code>input</code> element content
attributes, IDL attributes, and methods <span data-x="concept-input-apply">apply</span> to the element:
<code data-x="attr-fe-autocomplete">autocomplete</code>,
<code data-x="attr-fe-dirname">dirname</code>,
<code data-x="attr-input-list">list</code>,
<code data-x="attr-input-maxlength">maxlength</code>,
<code data-x="attr-input-minlength">minlength</code>,
Expand Down Expand Up @@ -48176,7 +48177,6 @@ ldh-str = &lt; as defined in <a href="https://www.rfc-editor.org/rfc/rfc10
<code data-x="attr-input-accept">accept</code>,
<code data-x="attr-input-alt">alt</code>,
<code data-x="attr-input-checked">checked</code>,
<code data-x="attr-fe-dirname">dirname</code>,
<code data-x="attr-fs-formaction">formaction</code>,
<code data-x="attr-fs-formenctype">formenctype</code>,
<code data-x="attr-fs-formmethod">formmethod</code>,
Expand Down Expand Up @@ -55336,11 +55336,10 @@ form.method === input; // => true</code></pre>

<h5>Submitting element directionality: the <code data-x="attr-fe-dirname">dirname</code> attribute</h5>

<p>The <dfn element-attr for="button,fieldset,input,object,output,select,textarea"><code
data-x="attr-fe-dirname">dirname</code></dfn> attribute on a form control element enables the
submission of <span>the directionality</span> of the element, and gives the name of the control
that contains this value during <span>form submission</span>. If such an attribute is specified,
its value must not be the empty string.</p>
<p>The <dfn element-attr for="input,textarea"><code data-x="attr-fe-dirname">dirname</code></dfn>
attribute on a form control element enables the submission of <span>the directionality</span> of
the element, and gives the name of the control that contains this value during <span>form
submission</span>. If such an attribute is specified, its value must not be the empty string.</p>

<div class="example">

Expand Down Expand Up @@ -59313,8 +59312,11 @@ fur
<p>If the element has a <code data-x="attr-fe-dirname">dirname</code> attribute, that
attribute's value is not the empty string, and the element is either a <code>textarea</code>
element or an <code>input</code> element whose <code data-x="attr-input-type">type</code>
attribute is in the <span data-x="attr-input-type-text">Text</span> or <span
data-x="attr-input-type-search">Search</span> state, then:</p>
attribute is in the <span data-x="attr-input-type-hidden">Hidden</span>,
<span data-x="attr-input-type-text">Text</span>, <span
data-x="attr-input-type-search">Search</span>, <span
data-x="attr-input-type-tel">Telephone</span>, <span data-x="attr-input-type-url">URL</span>,
or <span data-x="attr-input-type-email">Email</span> state, then:</p>

<ol>
<li><p>Let <var>dirname</var> be the value of the element's <code
Expand Down Expand Up @@ -99784,9 +99786,11 @@ location.href = '#foo';</code></pre>

<p class="note">This can even include updating the <code data-x="attr-dir">dir</code> attribute
of <code>textarea</code> elements or <code>input</code> elements whose <code
data-x="attr-input-type">type</code> attribute is in either the <span
data-x="attr-input-type-text">Text</span> state or the <span
data-x="attr-input-type-search">Search</span> state, if the persisted state includes the
data-x="attr-input-type">type</code> attribute is in the <span
data-x="attr-input-type-text">Text</span>, <span data-x="attr-input-type-search">Search</span>,
<span data-x="attr-input-type-url">URL</span>, <span
data-x="attr-input-type-tel">Telephone</span>, or <span
data-x="attr-input-type-email">Email</span> state, if the persisted state includes the
directionality of user input in such controls.</p>

<p class="note">Restoring the value of form controls as part of this process does not fire any
Expand Down

0 comments on commit d0da8a0

Please sign in to comment.