diff --git a/files/en-us/web/api/css_object_model/index.md b/files/en-us/web/api/css_object_model/index.md index a316d998a6d9a1c..9f45f94c415c88d 100644 --- a/files/en-us/web/api/css_object_model/index.md +++ b/files/en-us/web/api/css_object_model/index.md @@ -52,6 +52,7 @@ The values of CSS are represented untyped, that is using {{JSxRef("String")}} ob - {{DOMxRef("StyleSheet")}} - {{DOMxRef("StyleSheetList")}} - {{DOMxRef("TransitionEvent")}} +- {{DOMxRef("VisualViewport")}} Several other interfaces are also extended by the CSSOM-related specifications: {{DOMxRef("Document")}}, {{DOMxRef("Window")}}, {{DOMxRef("Element")}}, {{DOMxRef("HTMLElement")}}, {{DOMxRef("HTMLImageElement")}}, {{DOMxRef("Range")}}, {{DOMxRef("MouseEvent")}}, and {{DOMxRef("SVGElement")}}. diff --git a/files/en-us/web/css/cssom_view/index.md b/files/en-us/web/css/cssom_view/index.md index 84662fbdef10565..24534d37231d744 100644 --- a/files/en-us/web/css/cssom_view/index.md +++ b/files/en-us/web/css/cssom_view/index.md @@ -2,18 +2,45 @@ title: CSSOM view slug: Web/CSS/CSSOM_view page-type: css-module -browser-compat: css.properties.scroll-behavior +spec-urls: https://drafts.csswg.org/cssom-view/ --- {{CSSRef}} -The **CSSOM view** module lets you manipulate the visual view of a document, in particular its scrolling behavior. +The **CSSOM view** module lets you manipulate the visual view of a document, including getting the position of element layout boxes, obtaining the width or height of the viewport through script, and also scrolling an element. ## Reference -### Properties - -- {{cssxref("scroll-behavior")}} +### Events + +- {{domxref("Window")}}: {{domxref("Window/resize_event", "resize")}} event +- {{domxref("VisualViewport")}}: {{domxref("VisualViewport/resize_event", "resize")}} event +- {{domxref("Document")}}: {{domxref("Document/scroll_event", "scroll")}} event +- {{domxref("Element")}}: {{domxref("Element/scroll_event", "scroll")}} event +- {{domxref("VisualViewport")}}: {{domxref("VisualViewport/scroll_event", "scroll")}} event +- {{domxref("Document")}}: {{domxref("Document/scrollend_event", "scrollend")}} event +- {{domxref("Element")}}: {{domxref("Element/scrollend_event", "scrollend")}} event +- {{domxref("VisualViewport")}}: {{domxref("VisualViewport/scrollend_event", "scrollend")}} event + +### Interfaces + +- {{domxref("MediaQueryList")}} +- {{domxref("MediaQueryListEvent")}} +- {{domxref("Screen")}} +- {{domxref("CaretPosition")}} +- {{domxref("VisualViewport")}} + +The following interfaces are not defined by this module but add some extensions. + +- {{domxref("Window")}} +- {{domxref("Document")}} +- {{domxref("Element")}} +- {{domxref("HTMLElement")}} +- {{domxref("HTMLImageElement")}} +- {{domxref("Range")}} +- {{domxref("MouseEvent")}} +- {{domxref("Text")}} +- {{domxref("CSSPseudoElement")}} ## Guides @@ -22,12 +49,12 @@ The **CSSOM view** module lets you manipulate the visual view of a document, in ## Related concepts -- {{glossary("cssom")}} glossary term +- {{glossary("CSSOM")}} glossary term ## Specifications {{Specifications}} -## Browser compatibility +## See also -{{Compat}} +- [CSS Object Model (CSSOM)](/en-US/docs/Web/API/CSS_Object_Model) as Web API