diff --git a/source b/source index e812d1d27e4..2e66902736a 100644 --- a/source +++ b/source @@ -45967,6 +45967,8 @@ interface HTMLLabelElement : HTMLElement {
formnovalidate
formtarget
height
+
invoketarget
+
invokeaction
list
max
maxlength
@@ -46632,6 +46634,55 @@ interface HTMLInputElement : HTMLElement { · + + invoketarget + · + · + + · + · + · + · + + + + · + · + · + · + · + + · + Yes + Yes + Yes + + + + invokeaction + · + · + + · + · + · + · + + + + · + · + · + · + · + + · + Yes + Yes + Yes + + + list · @@ -47792,6 +47843,8 @@ interface HTMLInputElement : HTMLElement { formnovalidate, formtarget, height, + invoketarget, + invokeaction, list, max, maxlength, @@ -47934,6 +47987,8 @@ interface HTMLInputElement : HTMLElement { formnovalidate, formtarget, height, + invoketarget, + invokeaction, max, min, multiple, @@ -48037,6 +48092,8 @@ interface HTMLInputElement : HTMLElement { formnovalidate, formtarget, height, + invoketarget, + invokeaction, max, min, multiple, @@ -48142,6 +48199,8 @@ interface HTMLInputElement : HTMLElement { formnovalidate, formtarget, height, + invoketarget, + invokeaction, max, min, multiple, @@ -48413,6 +48472,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, max, min, popovertarget, @@ -48509,6 +48570,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, list, max, min, @@ -48683,6 +48746,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, maxlength, minlength, multiple, @@ -48836,6 +48901,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, maxlength, minlength, multiple, @@ -48993,6 +49060,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, maxlength, minlength, multiple, @@ -49146,6 +49215,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, maxlength, minlength, multiple, @@ -49292,6 +49363,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, maxlength, minlength, multiple, @@ -49457,6 +49530,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, maxlength, minlength, multiple, @@ -49728,6 +49803,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, maxlength, minlength, multiple, @@ -49834,6 +49911,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, max, maxlength, min, @@ -49949,6 +50028,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, list, max, maxlength, @@ -50126,6 +50207,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, list, max, maxlength, @@ -50380,6 +50463,8 @@ ldh-str = < as defined in formnovalidate, formtarget, height, + invoketarget, + invokeaction, list, max, maxlength, @@ -50474,6 +50559,8 @@ ldh-str = < as defined in formmethod, formnovalidate, formtarget, + invoketarget, + invokeaction, popovertarget, and popovertargetaction content attributes; value IDL attribute.

@@ -50744,6 +50831,8 @@ ldh-str = < as defined in
formnovalidate, formtarget, height, + invoketarget, + invokeaction, popovertarget, popovertargetaction, src, and @@ -50867,6 +50956,8 @@ ldh-str = < as defined in apply to the element: + invoketarget, + invokeaction, popovertarget and popovertargetaction.

@@ -50952,6 +51043,8 @@ ldh-str = < as defined in
apply to the element: + invoketarget, + invokeaction, popovertarget and popovertargetaction.

@@ -52533,6 +52626,8 @@ You cannot submit this form when the field is incorrect.
formmethod
formnovalidate
formtarget
+ invoketarget, + invokeaction,
name
popovertarget
popovertargetaction
@@ -78154,7 +78249,8 @@ dictionary InvokeEventInit : EventInit { data-x="dom-InvokeEvent-relatedTarget">relatedTarget
-

Used to identifiy a secodnary EventTarget related to the Invoke event.

+

Used to identifiy the EventTarget that was interacted with in order to + cause this event.

@@ -78164,8 +78260,7 @@ dictionary InvokeEventInit : EventInit {

The relatedTarget attribute should be initialized - to the shadow-adjusted target that was - interacted with to cause the InvokeEvent.

+ to the target that was interacted with to cause the InvokeEvent.

Focus

@@ -84082,6 +84177,108 @@ dictionary DragEventInit : MouseEventInit { +

Invokers

+ +

Introduction

+ + + +

Buttons are used to control elements on the page, such as + controlling forms. They can be used to control other elements on the page using the invoketarget attribute.

+ +

HTML elements may have an associated invocation action algorithm + which defines how the element reacts to being invoked. Invocations can vary based on the invokeaction attribute

. + + The invokeaction attribute

is a freeform string that + acts as a hint to invocation action algorithms to perform some specific action such + as showing or hiding. It is not enumerated, to allow for userland implementations of an + invocation. + +

The invoke target attributes

+ +

Buttons may have the following content attributes:

+ + + +

If specified, the invoketarget attribute value must be + the ID of an element in the same tree as the button with the invoketarget attribute.

+ +

The invokeaction attribute's missing value default is + the string "auto".

+ + DOM interface: +
interface mixin InvokeElement {
+  [CEReactions] attribute Element? invokeTargetElement;
+  [CEReactions] attribute DOMString invokeAction;
+};
+ +

The invokeTargetElement IDL attribute must + reflect the invoketarget attribute.

+ +

The invokeAction + IDL attribute must reflect the invokeaction + attribute.

+ +

To run the invoke target attribute activation behavior given a Node + node:

+ +
    +
  1. Let invokee be node's invoke target element.

  2. + +
  3. If invokee is null, then return.

  4. + +
  5. Let action be node's invokeaction + attribute

  6. + +
  7. If action is null or empty, then let action be the string "auto".

  8. + +
  9. Let notCancelled be the result of firing an + event named invoke at invokee with its action set to action, its relatedTarget set to node, and its cancelable attribute initialized to true.

  10. + +
  11. If notCancelled is true and invokee has an associated + invocation action algorithm then run the invokee's invocation + action algorithm given action. + +

+ +

HTML elements may have an associated invocation action algorithm + which defines how the element reacts to being invoked.

+ +

To get the invoke target element given a Node node, perform + the following steps. They return an HTML element or null.

+ +
    +
  1. If node is not a button, then return + null.

  2. + +
  3. If node is disabled, then return + null.

  4. + +
  5. If node has a form owner and node is a submit button, then return null.

  6. + +
  7. Let invokeElement be node's invoketarget-associated element.

  8. + +
  9. If invokeElement is null, then return null.

  10. + +
  11. Return invokeElement.

  12. +

Loading web pages