From 69b6e91b680d2c638b5ec95fb892995681fb0908 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Thu, 21 Dec 2023 23:37:24 +0000 Subject: [PATCH] 31113 popover nightly (#31154) * added see also links to popover api and attribute pages * added see also links to related CSS pseudo-element & class * added see also links to the html apis related to popover * Update files/en-us/web/html/global_attributes/popover/index.md Co-authored-by: Estelle Weyl * removed the reference to button in the see also as it applies to input too --------- Co-authored-by: Estelle Weyl --- .../en-us/web/api/htmlelement/beforetoggle_event/index.md | 1 + files/en-us/web/api/htmlelement/popover/index.md | 1 + files/en-us/web/api/htmlelement/toggle_event/index.md | 1 + files/en-us/web/api/htmlelement/togglepopover/index.md | 1 + .../web/api/htmlinputelement/popovertargetaction/index.md | 1 + .../api/htmlinputelement/popovertargetelement/index.md | 1 + files/en-us/web/api/popover_api/index.md | 8 ++++++++ files/en-us/web/css/_colon_popover-open/index.md | 1 + files/en-us/web/css/_doublecolon_backdrop/index.md | 1 + files/en-us/web/html/global_attributes/popover/index.md | 4 ++++ 10 files changed, 20 insertions(+) diff --git a/files/en-us/web/api/htmlelement/beforetoggle_event/index.md b/files/en-us/web/api/htmlelement/beforetoggle_event/index.md index 0ccd5da271d36ab..0c840d744b87d5c 100644 --- a/files/en-us/web/api/htmlelement/beforetoggle_event/index.md +++ b/files/en-us/web/api/htmlelement/beforetoggle_event/index.md @@ -72,5 +72,6 @@ popover.hidePopover(); ## See also +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute - [Popover API](/en-US/docs/Web/API/Popover_API) - Related event: [`toggle`](/en-US/docs/Web/API/HTMLElement/toggle_event) diff --git a/files/en-us/web/api/htmlelement/popover/index.md b/files/en-us/web/api/htmlelement/popover/index.md index f21e904e55cecd7..d510359b750120a 100644 --- a/files/en-us/web/api/htmlelement/popover/index.md +++ b/files/en-us/web/api/htmlelement/popover/index.md @@ -62,4 +62,5 @@ if (popoverSupported) { ## See also +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute - [Popover API](/en-US/docs/Web/API/Popover_API) diff --git a/files/en-us/web/api/htmlelement/toggle_event/index.md b/files/en-us/web/api/htmlelement/toggle_event/index.md index 5f9e1b95f6b4ce2..ef8e46cda50cfca 100644 --- a/files/en-us/web/api/htmlelement/toggle_event/index.md +++ b/files/en-us/web/api/htmlelement/toggle_event/index.md @@ -74,5 +74,6 @@ popover.hidePopover(); ## See also +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute - [Popover API](/en-US/docs/Web/API/Popover_API) - Related event: [`beforetoggle`](/en-US/docs/Web/API/HTMLElement/beforetoggle_event) diff --git a/files/en-us/web/api/htmlelement/togglepopover/index.md b/files/en-us/web/api/htmlelement/togglepopover/index.md index 7f67c321f68a966..bb6ad0eefa9341c 100644 --- a/files/en-us/web/api/htmlelement/togglepopover/index.md +++ b/files/en-us/web/api/htmlelement/togglepopover/index.md @@ -118,4 +118,5 @@ You can test this out using the live example below. ## See also +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute - [Popover API](/en-US/docs/Web/API/Popover_API) diff --git a/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md b/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md index 8bdfff44b32ab96..d8a194c05b68223 100644 --- a/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md +++ b/files/en-us/web/api/htmlinputelement/popovertargetaction/index.md @@ -134,4 +134,5 @@ The popover can be displayed by selecting the "Show popover" button, and dismiss ## See also +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute - [Popover API](/en-US/docs/Web/API/Popover_API) diff --git a/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md b/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md index 63c2aeab07a6819..3cabd2addd240a0 100644 --- a/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md +++ b/files/en-us/web/api/htmlinputelement/popovertargetelement/index.md @@ -101,4 +101,5 @@ The "auto" popover can also be light dismissed by selecting outside the bounds o ## See also +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute - [Popover API](/en-US/docs/Web/API/Popover_API) diff --git a/files/en-us/web/api/popover_api/index.md b/files/en-us/web/api/popover_api/index.md index 25dc7e6e23db1b7..628106bad8843a1 100644 --- a/files/en-us/web/api/popover_api/index.md +++ b/files/en-us/web/api/popover_api/index.md @@ -94,3 +94,11 @@ See our [Popover API examples landing page](https://mdn.github.io/dom-examples/p ## Browser compatibility {{Compat}} + +## See also + +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute +- [`popovertarget`](/en-US/docs/Web/HTML/Element/button#popovertarget) HTML attribute +- [`popovertargetaction`](/en-US/docs/Web/HTML/Element/button#popovertargetaction) HTML attribute +- [`::backdrop`](/en-US/docs/Web/CSS/::backdrop) CSS pseudo-element +- [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) CSS pseudo-class diff --git a/files/en-us/web/css/_colon_popover-open/index.md b/files/en-us/web/css/_colon_popover-open/index.md index 4f8578a4b85bc0c..4f388c246cbc4a5 100644 --- a/files/en-us/web/css/_colon_popover-open/index.md +++ b/files/en-us/web/css/_colon_popover-open/index.md @@ -61,3 +61,4 @@ To override the default styles and get the popover to appear somewhere else on y ## See also - [Popover API](/en-US/docs/Web/API/Popover_API) +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute diff --git a/files/en-us/web/css/_doublecolon_backdrop/index.md b/files/en-us/web/css/_doublecolon_backdrop/index.md index b048a429700f6d3..982caaaeab509d4 100644 --- a/files/en-us/web/css/_doublecolon_backdrop/index.md +++ b/files/en-us/web/css/_doublecolon_backdrop/index.md @@ -71,4 +71,5 @@ The resulting screen looks like this: - {{cssxref(":fullscreen")}} pseudo-class - {{HTMLElement("dialog")}} HTML element - [Fullscreen API](/en-US/docs/Web/API/Fullscreen_API) +- [`popover`](/en-US/docs/Web/HTML/Global_attributes/popover) HTML global attribute - [Popover API](/en-US/docs/Web/API/Popover_API) diff --git a/files/en-us/web/html/global_attributes/popover/index.md b/files/en-us/web/html/global_attributes/popover/index.md index 5f931e042efd074..cd611e3dc5c34ad 100644 --- a/files/en-us/web/html/global_attributes/popover/index.md +++ b/files/en-us/web/html/global_attributes/popover/index.md @@ -44,3 +44,7 @@ The following renders a button that will open a popover element when activated. ## See also - {{domxref("Popover API", "Popover API", "", "nocode")}} +- [`popovertarget`](/en-US/docs/Web/HTML/Element/button#popovertarget) HTML attribute +- [`popovertargetaction`](/en-US/docs/Web/HTML/Element/button#popovertargetaction) HTML attribute +- [`::backdrop`](/en-US/docs/Web/CSS/::backdrop) CSS pseudo-element +- [`:popover-open`](/en-US/docs/Web/CSS/:popover-open) CSS pseudo-class