Skip to content

FF150 Relnote: VisualViewport scrollend event#44292

Open
hamishwillee wants to merge 1 commit into
mdn:mainfrom
hamishwillee:ff150_visualviewport_scrollend_event
Open

FF150 Relnote: VisualViewport scrollend event#44292
hamishwillee wants to merge 1 commit into
mdn:mainfrom
hamishwillee:ff150_visualviewport_scrollend_event

Conversation

@hamishwillee
Copy link
Copy Markdown
Collaborator

FF150 added support for the scrollend event in https://bugzilla.mozilla.org/show_bug.cgi?id=1801658

This adds a release note.

Related docs work can be tracked in #43968

@hamishwillee hamishwillee requested review from a team as code owners May 29, 2026 04:35
@hamishwillee hamishwillee requested review from chrisdavidmills and dipikabh and removed request for a team May 29, 2026 04:35
@github-actions github-actions Bot added Content:WebAPI Web API docs Content:Firefox Content in the Mozilla/Firefox subtree size/s [PR only] 6-50 LoC changed labels May 29, 2026

{{APIRef("CSSOM view API")}}

The **`VisualViewport`** interface of the [CSSOM view API](/en-US/docs/Web/API/CSSOM_view_API) represents the visual viewport for a given window. For a page containing iframes, each iframe, as well as the containing page, will have a unique window object. Each window on a page will have a unique `VisualViewport` representing the properties associated with that window.
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

FYI this is a template-only change to push some of the info below the fold into a Description section. No content changes.

@github-actions
Copy link
Copy Markdown
Contributor

Preview URLs (2 pages)

External URLs (1)

URL: /en-US/docs/Mozilla/Firefox/Releases/150
Title: Firefox 150 release notes for developers

Copy link
Copy Markdown
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@hamishwillee, again, just one small suggestion for you to consider before merging ;-)

In other words, you can't use this method to create a {{domxref("Sanitizer")}} that will replace the `<html>` element with its inner content. ([Firefox bug 2022176](https://bugzil.la/2022176)).

- The [`scrollend` event](/en-US/docs/Web/API/VisualViewport/scrollend_event) is now supported on {{domxref("VisualViewport")}}, allowing elements to be updated when a scrolling action is completed.
This might be used, for example, to adjust the position of fixed UI elements once a user finishes panning around a pinch-zoomed screen.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
This might be used, for example, to adjust the position of fixed UI elements once a user finishes panning around a pinch-zoomed screen.
This might be used, for example, to unhide or otherwise adjust the position of fixed UI elements once a user finishes panning around a pinch-zoomed screen.

Maybe? I can imagine that you'd hide UI elements while scrolling around a map, say, and then use this to unhide them when the scrolling operation has finished.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content:Firefox Content in the Mozilla/Firefox subtree Content:WebAPI Web API docs size/s [PR only] 6-50 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants