/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this file, * You can obtain one at http://mozilla.org/MPL/2.0/. */ #include "DOMIntersectionObserver.h" #include "nsCSSPropertyID.h" #include "nsIFrame.h" #include "nsIScrollableFrame.h" #include "nsContentUtils.h" #include "nsLayoutUtils.h" #include "nsRefreshDriver.h" #include "mozilla/PresShell.h" #include "mozilla/ServoBindings.h" #include "mozilla/StaticPrefs_dom.h" #include "mozilla/dom/DocumentInlines.h" namespace mozilla { namespace dom { NS_INTERFACE_MAP_BEGIN_CYCLE_COLLECTION(DOMIntersectionObserverEntry) NS_WRAPPERCACHE_INTERFACE_MAP_ENTRY NS_INTERFACE_MAP_ENTRY(nsISupports) NS_INTERFACE_MAP_END NS_IMPL_CYCLE_COLLECTING_ADDREF(DOMIntersectionObserverEntry) NS_IMPL_CYCLE_COLLECTING_RELEASE(DOMIntersectionObserverEntry) NS_IMPL_CYCLE_COLLECTION_WRAPPERCACHE(DOMIntersectionObserverEntry, mOwner, mRootBounds, mBoundingClientRect, mIntersectionRect, mTarget) NS_INTERFACE_MAP_BEGIN_CYCLE_COLLECTION(DOMIntersectionObserver) NS_WRAPPERCACHE_INTERFACE_MAP_ENTRY NS_INTERFACE_MAP_ENTRY(nsISupports) NS_INTERFACE_MAP_ENTRY(DOMIntersectionObserver) NS_INTERFACE_MAP_END NS_IMPL_CYCLE_COLLECTING_ADDREF(DOMIntersectionObserver) NS_IMPL_CYCLE_COLLECTING_RELEASE(DOMIntersectionObserver) NS_IMPL_CYCLE_COLLECTION_CLASS(DOMIntersectionObserver) NS_IMPL_CYCLE_COLLECTION_TRACE_BEGIN(DOMIntersectionObserver) NS_IMPL_CYCLE_COLLECTION_TRACE_PRESERVED_WRAPPER NS_IMPL_CYCLE_COLLECTION_TRACE_END NS_IMPL_CYCLE_COLLECTION_UNLINK_BEGIN(DOMIntersectionObserver) NS_IMPL_CYCLE_COLLECTION_UNLINK_PRESERVED_WRAPPER tmp->Disconnect(); NS_IMPL_CYCLE_COLLECTION_UNLINK(mOwner) NS_IMPL_CYCLE_COLLECTION_UNLINK(mDocument) NS_IMPL_CYCLE_COLLECTION_UNLINK(mCallback) NS_IMPL_CYCLE_COLLECTION_UNLINK(mRoot) NS_IMPL_CYCLE_COLLECTION_UNLINK(mQueuedEntries) NS_IMPL_CYCLE_COLLECTION_UNLINK_END NS_IMPL_CYCLE_COLLECTION_TRAVERSE_BEGIN(DOMIntersectionObserver) NS_IMPL_CYCLE_COLLECTION_TRAVERSE(mOwner) NS_IMPL_CYCLE_COLLECTION_TRAVERSE(mDocument) NS_IMPL_CYCLE_COLLECTION_TRAVERSE(mCallback) NS_IMPL_CYCLE_COLLECTION_TRAVERSE(mRoot) NS_IMPL_CYCLE_COLLECTION_TRAVERSE(mQueuedEntries) NS_IMPL_CYCLE_COLLECTION_TRAVERSE_END already_AddRefed DOMIntersectionObserver::Constructor( const GlobalObject& aGlobal, dom::IntersectionCallback& aCb, ErrorResult& aRv) { return Constructor(aGlobal, aCb, IntersectionObserverInit(), aRv); } already_AddRefed DOMIntersectionObserver::Constructor( const GlobalObject& aGlobal, dom::IntersectionCallback& aCb, const IntersectionObserverInit& aOptions, ErrorResult& aRv) { nsCOMPtr window = do_QueryInterface(aGlobal.GetAsSupports()); if (!window) { aRv.Throw(NS_ERROR_FAILURE); return nullptr; } RefPtr observer = new DOMIntersectionObserver(window.forget(), aCb); if (!aOptions.mRoot.IsNull()) { if (aOptions.mRoot.Value().IsElement()) { observer->mRoot = aOptions.mRoot.Value().GetAsElement(); } else { MOZ_ASSERT(aOptions.mRoot.Value().IsDocument()); if (!StaticPrefs:: dom_IntersectionObserverExplicitDocumentRoot_enabled()) { aRv.ThrowTypeError( "'root' member of IntersectionObserverInit", "Element"); return nullptr; } observer->mRoot = aOptions.mRoot.Value().GetAsDocument(); } } if (!observer->SetRootMargin(aOptions.mRootMargin)) { aRv.ThrowSyntaxError("rootMargin must be specified in pixels or percent."); return nullptr; } if (aOptions.mThreshold.IsDoubleSequence()) { const Sequence& thresholds = aOptions.mThreshold.GetAsDoubleSequence(); observer->mThresholds.SetCapacity(thresholds.Length()); for (const auto& thresh : thresholds) { if (thresh < 0.0 || thresh > 1.0) { aRv.ThrowRangeError(); return nullptr; } observer->mThresholds.AppendElement(thresh); } observer->mThresholds.Sort(); } else { double thresh = aOptions.mThreshold.GetAsDouble(); if (thresh < 0.0 || thresh > 1.0) { aRv.ThrowRangeError(); return nullptr; } observer->mThresholds.AppendElement(thresh); } return observer.forget(); } bool DOMIntersectionObserver::SetRootMargin(const nsACString& aString) { return Servo_IntersectionObserverRootMargin_Parse(&aString, &mRootMargin); } void DOMIntersectionObserver::GetRootMargin(nsACString& aRetVal) { Servo_IntersectionObserverRootMargin_ToString(&mRootMargin, &aRetVal); } void DOMIntersectionObserver::GetThresholds(nsTArray& aRetVal) { aRetVal = mThresholds; } void DOMIntersectionObserver::Observe(Element& aTarget) { if (mObservationTargets.Contains(&aTarget)) { return; } aTarget.RegisterIntersectionObserver(this); mObservationTargets.AppendElement(&aTarget); Connect(); if (mDocument) { if (nsPresContext* pc = mDocument->GetPresContext()) { pc->RefreshDriver()->EnsureIntersectionObservationsUpdateHappens(); } } } void DOMIntersectionObserver::Unobserve(Element& aTarget) { if (!mObservationTargets.Contains(&aTarget)) { return; } if (mObservationTargets.Length() == 1) { Disconnect(); return; } mObservationTargets.RemoveElement(&aTarget); aTarget.UnregisterIntersectionObserver(this); } void DOMIntersectionObserver::UnlinkTarget(Element& aTarget) { mObservationTargets.RemoveElement(&aTarget); if (mObservationTargets.Length() == 0) { Disconnect(); } } void DOMIntersectionObserver::Connect() { if (mConnected) { return; } mConnected = true; if (mDocument) { mDocument->AddIntersectionObserver(this); } } void DOMIntersectionObserver::Disconnect() { if (!mConnected) { return; } mConnected = false; for (size_t i = 0; i < mObservationTargets.Length(); ++i) { Element* target = mObservationTargets.ElementAt(i); target->UnregisterIntersectionObserver(this); } mObservationTargets.Clear(); if (mDocument) { mDocument->RemoveIntersectionObserver(this); } } void DOMIntersectionObserver::TakeRecords( nsTArray>& aRetVal) { aRetVal = std::move(mQueuedEntries); } static Maybe EdgeInclusiveIntersection(const nsRect& aRect, const nsRect& aOtherRect) { nscoord left = std::max(aRect.x, aOtherRect.x); nscoord top = std::max(aRect.y, aOtherRect.y); nscoord right = std::min(aRect.XMost(), aOtherRect.XMost()); nscoord bottom = std::min(aRect.YMost(), aOtherRect.YMost()); if (left > right || top > bottom) { return Nothing(); } return Some(nsRect(left, top, right - left, bottom - top)); } enum class BrowsingContextOrigin { Similar, Different, Unknown }; // FIXME(emilio): The whole concept of "units of related similar-origin browsing // contexts" is gone, but this is still in the spec, see // https://github.com/w3c/IntersectionObserver/issues/161 static BrowsingContextOrigin SimilarOrigin(const Element& aTarget, const nsINode* aRoot) { if (!aRoot) { return BrowsingContextOrigin::Unknown; } nsIPrincipal* principal1 = aTarget.NodePrincipal(); nsIPrincipal* principal2 = aRoot->NodePrincipal(); if (principal1 == principal2) { return BrowsingContextOrigin::Similar; } nsAutoCString baseDomain1; nsAutoCString baseDomain2; if (NS_FAILED(principal1->GetBaseDomain(baseDomain1)) || NS_FAILED(principal2->GetBaseDomain(baseDomain2))) { return BrowsingContextOrigin::Different; } return baseDomain1 == baseDomain2 ? BrowsingContextOrigin::Similar : BrowsingContextOrigin::Different; } // https://w3c.github.io/IntersectionObserver/#compute-the-intersection // // TODO(emilio): Proof of this being equivalent to the spec welcome, seems // reasonably close. // // Also, it's unclear to me why the spec talks about browsing context while // discarding observations of targets of different documents. // // Both aRootBounds and the return value are relative to // nsLayoutUtils::GetContainingBlockForClientRect(aRoot). static Maybe ComputeTheIntersection(nsIFrame* aTarget, nsIFrame* aRoot, const nsRect& aRootBounds) { nsIFrame* target = aTarget; // 1. Let intersectionRect be the result of running the // getBoundingClientRect() algorithm on the target. // // `intersectionRect` is kept relative to `target` during the loop. Maybe intersectionRect = Some(nsLayoutUtils::GetAllInFlowRectsUnion( target, target, nsLayoutUtils::RECTS_ACCOUNT_FOR_TRANSFORMS)); // 2. Let container be the containing block of the target. // (We go through the parent chain and only look at scroll frames) // // FIXME(emilio): Spec uses containing blocks, we use scroll frames, but we // only apply overflow-clipping, not clip-path, so it's ~fine. We do need to // apply clip-path. // // 3. While container is not the intersection root: nsIFrame* containerFrame = nsLayoutUtils::GetCrossDocParentFrame(target); while (containerFrame && containerFrame != aRoot) { // FIXME(emilio): What about other scroll frames that inherit from // nsHTMLScrollFrame but have a different type, like nsListControlFrame? // This looks bogus in that case, but different bug. if (containerFrame->IsScrollFrame()) { nsIScrollableFrame* scrollFrame = do_QueryFrame(containerFrame); // nsRect subFrameRect = scrollFrame->GetScrollPortRect(); // 3.1 Map intersectionRect to the coordinate space of container. nsRect intersectionRectRelativeToContainer = nsLayoutUtils::TransformFrameRectToAncestor( target, intersectionRect.value(), containerFrame); // 3.2 If container has overflow clipping or a css clip-path property, // update intersectionRect by applying container's clip. // // TODO: Apply clip-path. // // 3.3 is handled, looks like, by this same clipping, given the root // scroll-frame cannot escape the viewport, probably? // intersectionRect = EdgeInclusiveIntersection( intersectionRectRelativeToContainer, subFrameRect); if (!intersectionRect) { return Nothing(); } target = containerFrame; } containerFrame = nsLayoutUtils::GetCrossDocParentFrame(containerFrame); } MOZ_ASSERT(intersectionRect); // 4. Map intersectionRect to the coordinate space of the intersection root. nsRect intersectionRectRelativeToRoot = nsLayoutUtils::TransformFrameRectToAncestor( target, intersectionRect.value(), nsLayoutUtils::GetContainingBlockForClientRect(aRoot)); // 5.Update intersectionRect by intersecting it with the root intersection // rectangle. intersectionRect = EdgeInclusiveIntersection(intersectionRectRelativeToRoot, aRootBounds); if (intersectionRect.isNothing()) { return Nothing(); } // 6. Map intersectionRect to the coordinate space of the viewport of the // Document containing the target. // // FIXME(emilio): I think this may not be correct if the root is explicit // and in the same document, since then the rectangle may not be relative to // the viewport already (but it's in the same document). nsRect rect = intersectionRect.value(); if (aTarget->PresContext() != aRoot->PresContext()) { if (nsIFrame* rootScrollFrame = aTarget->PresShell()->GetRootScrollFrame()) { nsLayoutUtils::TransformRect(aRoot, rootScrollFrame, rect); } } return Some(rect); } // https://w3c.github.io/IntersectionObserver/#update-intersection-observations-algo // (step 2) void DOMIntersectionObserver::Update(Document* aDocument, DOMHighResTimeStamp time) { // 1 - Let rootBounds be observer's root intersection rectangle. // ... but since the intersection rectangle depends on the target, we defer // the inflation until later. nsRect rootRect; nsIFrame* rootFrame = nullptr; nsINode* root = mRoot; if (mRoot && mRoot->IsElement()) { if ((rootFrame = mRoot->AsElement()->GetPrimaryFrame())) { nsRect rootRectRelativeToRootFrame; if (rootFrame->IsScrollFrame()) { // rootRectRelativeToRootFrame should be the content rect of rootFrame, // not including the scrollbars. nsIScrollableFrame* scrollFrame = do_QueryFrame(rootFrame); rootRectRelativeToRootFrame = scrollFrame->GetScrollPortRect(); } else { // rootRectRelativeToRootFrame should be the border rect of rootFrame. rootRectRelativeToRootFrame = rootFrame->GetRectRelativeToSelf(); } nsIFrame* containingBlock = nsLayoutUtils::GetContainingBlockForClientRect(rootFrame); rootRect = nsLayoutUtils::TransformFrameRectToAncestor( rootFrame, rootRectRelativeToRootFrame, containingBlock); } } else { MOZ_ASSERT(!mRoot || mRoot->IsDocument()); Document* rootDocument = mRoot->AsDocument(); if (rootDocument) { if (PresShell* presShell = rootDocument->GetPresShell()) { rootFrame = presShell->GetRootScrollFrame(); if (rootFrame) { nsPresContext* presContext = rootFrame->PresContext(); while (!presContext->IsRootContentDocument()) { presContext = presContext->GetParentPresContext(); if (!presContext) { break; } nsIFrame* rootScrollFrame = presContext->PresShell()->GetRootScrollFrame(); if (rootScrollFrame) { rootFrame = rootScrollFrame; } else { break; } } root = rootFrame->GetContent()->AsElement(); nsIScrollableFrame* scrollFrame = do_QueryFrame(rootFrame); rootRect = scrollFrame->GetScrollPortRect(); } } } } nsMargin rootMargin; for (const auto side : mozilla::AllPhysicalSides()) { nscoord basis = side == eSideTop || side == eSideBottom ? rootRect.Height() : rootRect.Width(); rootMargin.Side(side) = mRootMargin.Get(side).Resolve(basis, NSToCoordRoundWithClamp); } // 2. For each target in observer’s internal [[ObservationTargets]] slot, // processed in the same order that observe() was called on each target: for (Element* target : mObservationTargets) { nsIFrame* targetFrame = target->GetPrimaryFrame(); // 2.2. If the intersection root is not the implicit root, and target is not // in the same Document as the intersection root, skip further processing // for target. if (mRoot && mRoot->OwnerDoc() != target->OwnerDoc()) { continue; } nsRect rootBounds; if (rootFrame && targetFrame) { // FIXME(emilio): Why only if there are frames? rootBounds = rootRect; } BrowsingContextOrigin origin = SimilarOrigin(*target, root); if (origin == BrowsingContextOrigin::Similar) { rootBounds.Inflate(rootMargin); } Maybe intersectionRect; nsRect targetRect; if (targetFrame && rootFrame) { // 2.1. If the intersection root is not the implicit root and target is // not a descendant of the intersection root in the containing block // chain, skip further processing for target. if (mRoot && !nsLayoutUtils::IsProperAncestorFrameCrossDoc(rootFrame, targetFrame)) { continue; } // 2.3. Let targetRect be a DOMRectReadOnly obtained by running the // getBoundingClientRect() algorithm on target. targetRect = targetFrame->GetBoundingClientRect(); // 2.4. Let intersectionRect be the result of running the compute the // intersection algorithm on target. intersectionRect = ComputeTheIntersection(targetFrame, rootFrame, rootBounds); } // 2.5. Let targetArea be targetRect’s area. int64_t targetArea = (int64_t)targetRect.Width() * (int64_t)targetRect.Height(); // 2.6. Let intersectionArea be intersectionRect’s area. int64_t intersectionArea = !intersectionRect ? 0 : (int64_t)intersectionRect->Width() * (int64_t)intersectionRect->Height(); // 2.7. Let isIntersecting be true if targetRect and rootBounds intersect or // are edge-adjacent, even if the intersection has zero area (because // rootBounds or targetRect have zero area); otherwise, let isIntersecting // be false. const bool isIntersecting = intersectionRect.isSome(); // 2.8. If targetArea is non-zero, let intersectionRatio be intersectionArea // divided by targetArea. Otherwise, let intersectionRatio be 1 if // isIntersecting is true, or 0 if isIntersecting is false. double intersectionRatio; if (targetArea > 0.0) { intersectionRatio = std::min((double)intersectionArea / (double)targetArea, 1.0); } else { intersectionRatio = isIntersecting ? 1.0 : 0.0; } // 2.9 Let thresholdIndex be the index of the first entry in // observer.thresholds whose value is greater than intersectionRatio, or the // length of observer.thresholds if intersectionRatio is greater than or // equal to the last entry in observer.thresholds. int32_t thresholdIndex = -1; // If not intersecting, we can just shortcut, as we know that the thresholds // are always between 0 and 1. if (isIntersecting) { thresholdIndex = mThresholds.IndexOfFirstElementGt(intersectionRatio); if (thresholdIndex == 0) { // Per the spec, we should leave threshold at 0 and distinguish between // "less than all thresholds and intersecting" and "not intersecting" // (queuing observer entries as both cases come to pass). However, // neither Chrome nor the WPT tests expect this behavior, so treat these // two cases as one. // // See https://github.com/w3c/IntersectionObserver/issues/432 about // this. thresholdIndex = -1; } } // Steps 2.10 - 2.15. if (target->UpdateIntersectionObservation(this, thresholdIndex)) { // See https://github.com/w3c/IntersectionObserver/issues/432 about // why we use thresholdIndex > 0 rather than isIntersecting for the // entry's isIntersecting value. QueueIntersectionObserverEntry( target, time, origin == BrowsingContextOrigin::Different ? Some(rootBounds) : Nothing(), targetRect, intersectionRect, thresholdIndex > 0, intersectionRatio); } } } void DOMIntersectionObserver::QueueIntersectionObserverEntry( Element* aTarget, DOMHighResTimeStamp time, const Maybe& aRootRect, const nsRect& aTargetRect, const Maybe& aIntersectionRect, bool aIsIntersecting, double aIntersectionRatio) { RefPtr rootBounds; if (aRootRect.isSome()) { rootBounds = new DOMRect(this); rootBounds->SetLayoutRect(aRootRect.value()); } RefPtr boundingClientRect = new DOMRect(this); boundingClientRect->SetLayoutRect(aTargetRect); RefPtr intersectionRect = new DOMRect(this); if (aIntersectionRect.isSome()) { intersectionRect->SetLayoutRect(aIntersectionRect.value()); } RefPtr entry = new DOMIntersectionObserverEntry( this, time, rootBounds.forget(), boundingClientRect.forget(), intersectionRect.forget(), aIsIntersecting, aTarget, aIntersectionRatio); mQueuedEntries.AppendElement(entry.forget()); } void DOMIntersectionObserver::Notify() { if (!mQueuedEntries.Length()) { return; } Sequence> entries; if (entries.SetCapacity(mQueuedEntries.Length(), mozilla::fallible)) { for (size_t i = 0; i < mQueuedEntries.Length(); ++i) { RefPtr next = mQueuedEntries[i]; *entries.AppendElement(mozilla::fallible) = next; } } mQueuedEntries.Clear(); RefPtr callback(mCallback); callback->Call(this, entries, *this); } } // namespace dom } // namespace mozilla