Skip to content

Expand disabled form control event handling spec text #12219

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

Open
hjanuschka wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Expand disabled form control event handling spec text #12219

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
aa0143d
Expand disabled form control event handling spec text
hjanuschka Mar 1, 2026
9fdc8af
Move disabled control mouse event requirements to task source
hjanuschka Mar 2, 2026
faecadf
Address review feedback on disabled control event dispatch
hjanuschka Mar 4, 2026
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
33 changes: 21 additions & 12 deletions source
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57227,15 +57227,6 @@ interface <dfn interface>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
</ol>
</div>

<div w-nodev>

<p>An <code>option</code> element that is <span data-x="attr-option-disabled">disabled</span> must
prevent any <code data-x="event-click">click</code> events that are <span data-x="queue a
task">queued</span> on the <span>user interaction task source</span> from being dispatched on the
element.</p>

</div>

<p class="note">Being <span data-x="concept-option-disabled">disabled</span> does not prevent all
modifications to the <code>option</code> element. For example, its <span
data-x="concept-option-selectedness">selectedness</span> could be modified programmatically from
Expand Down Expand Up @@ -59904,9 +59895,15 @@ form.method === input; // => true</code></pre>

<div w-nodev>

<p>A form control that is <span data-x="concept-fe-disabled">disabled</span> must prevent any
<code data-x="event-click">click</code> events that are <span data-x="queue a task">queued</span>
on the <span>user interaction task source</span> from being dispatched on the element.</p>
<p class="note">For events fired from the <span>user interaction task source</span>, disabled
form controls suppress dispatch of some trusted mouse events as defined in the task source's
integration requirements below.</p>

<p class="note">This does not affect pointer events such as <code
data-x="event-pointerdown">pointerdown</code> and <code
data-x="event-pointerup">pointerup</code>, which are dispatched normally regardless of the
disabled state. Authors who wish to observe user interaction with <span
data-x="concept-fe-disabled">disabled</span> form controls can use pointer event listeners.</p>

</div>

Expand Down Expand Up @@ -122041,6 +122038,18 @@ import "https://example.com/foo/../module2.mjs";</code></pre>
<p>Events sent in response to user input (e.g., <code data-x="event-click">click</code> events)
must be fired using <span data-x="concept-task">tasks</span> <span data-x="queue a
task">queued</span> with the <span>user interaction task source</span>. <ref>UIEVENTS</ref></p>

<p>For <code data-x="event-click">click</code>, <code
data-x="event-mousedown">mousedown</code>, <code data-x="event-mouseup">mouseup</code>, and
<code data-x="event-dblclick">dblclick</code> events that are fired from tasks <span
data-x="queue a task">queued</span> with this task source: if the event target is an
<code>option</code> element that is <span data-x="concept-option-disabled">disabled</span>,
then the event must not be dispatched on that element; if the event target is a form control
that is <span data-x="concept-fe-disabled">disabled</span>, then the event must not be
dispatched on that form control or any of its ancestors; and if the event target is a
descendant of a form control that is <span data-x="concept-fe-disabled">disabled</span>, then
the event must not be dispatched on that form control or any of its ancestors.</p>

<!-- user interaction events integration point -->
</dd>

Expand Down