diff --git a/files/en-us/web/api/htmlelement/index.md b/files/en-us/web/api/htmlelement/index.md index 5721e1527619219..1df244c09ad3d27 100644 --- a/files/en-us/web/api/htmlelement/index.md +++ b/files/en-us/web/api/htmlelement/index.md @@ -43,6 +43,8 @@ _Inherits properties from its parent, {{DOMxRef("Element")}}._ As a setter, it replaces the content inside the selected element, converting any line breaks into {{HTMLElement("br")}} elements. - {{DOMxRef("HTMLElement.inputMode")}} - : A string value reflecting the value of the element's [`inputmode`](/en-US/docs/Web/HTML/Global_attributes/inputmode) attribute. +- {{DOMxRef("HTMLElement.popover")}} + - : A string value reflecting the value of the element's [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) attribute. - {{DOMxRef("HTMLElement.lang")}} - : A string representing the language of an element's attributes, text, and element contents. - {{DOMxRef("HTMLElement.noModule")}} @@ -88,6 +90,12 @@ _Inherits methods from its parent, {{DOMxRef("Element")}}._ - : Sends a mouse click event to the element. - {{DOMxRef("HTMLElement.focus()")}} - : Makes the element the current keyboard focus. +- {{DOMxRef("HTMLElement.hidePopover()")}} + - : Hides the element, if it has a valid {{DOMxRef("HTMLElement.popover")}} value. +- {{DOMxRef("HTMLElement.showPopover()")}} + - : Shows the element, promoting it to the top layer, if it has a valid {{DOMxRef("HTMLElement.popover")}} value. +- {{DOMxRef("HTMLElement.togglePopover()")}} + - : Hides or shows the element, if it has a valid {{DOMxRef("HTMLElement.popover")}} value. ## Events @@ -101,6 +109,10 @@ Listen to these events using `addEventListener()` or by assigning an event liste - : Fired when the user initiates a paste action through the browser's user interface. - {{domxref("HTMLInputElement/invalid_event", "invalid")}} - : Fired when an element does not satisfy its constraints during constraint validation. +- {{DOMxRef("HTMLElement.beforetoggle", "beforetoggle")}} + - : Fired when the element is a popover, before it is hidden or shown. +- {{DOMxRef("HTMLElement.toggle", "toggle")}} + - : Fired when the element is a popover, just after it is hidden or shown. ### Animation events diff --git a/files/en-us/web/html/global_attributes/index.md b/files/en-us/web/html/global_attributes/index.md index ca746998cbb7b8c..6605becff5b90fd 100644 --- a/files/en-us/web/html/global_attributes/index.md +++ b/files/en-us/web/html/global_attributes/index.md @@ -93,6 +93,8 @@ In addition to the basic HTML global attributes, the following global attributes - : A cryptographic nonce ("number used once") which can be used by [Content Security Policy](/en-US/docs/Web/HTTP/CSP) to determine whether or not a given fetch will be allowed to proceed. - [`part`](/en-US/docs/Web/HTML/Global_attributes/part) - : A space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the {{CSSxRef("::part")}} pseudo-element. +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) + - : Specifies that the element should be treated like a popover. An element with the `popover` attribute is hidden from the page unless it is opened by interacting with an invoking element that has [`popovertarget`](/en-US/docs/Web/HTML/button#popovertarget), or via [`showPopover()`](/en-US/docs/Web/API/HTMLElement/showPopover/). - [`role`](/en-US/docs/Web/Accessibility/ARIA/Roles) - : Roles define the semantic meaning of content, allowing screen readers and other tools to present and support interaction with an object in a way that is consistent with user expectations of that type of object. `roles` are added to HTML elements using `role="role_type"`, where `role_type` is the name of a role in the ARIA specification. - [`slot`](/en-US/docs/Web/HTML/Global_attributes/slot)