Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support rn_rootThreshold on IntersectionObserver (viewAreaCoveragePercentThreshold) #47908

Closed
wants to merge 1 commit into from

Conversation

lunaleaps
Copy link
Contributor

Summary:
Add support for rn_rootThreshold.

rn_rootThreshold is a custom IntersectionObserver option and not part of the IntersectionObserver spec. We are adding it because it covers a specific use-case for measuring viewability that is robust for targets that are larger than the viewport or specified root.

The threshold ratio is of the intersection area (of root and target) to the total area of the root.

{F1960832959}
Source - EX314979

rn_rootThreshold is an optional threshold and can be combined with the thresholds option. An intersection will fire if any specified thresholds is met.

Note: If you use specify a rn_rootThreshold, the default threshold is no longer applied

The main use case of rn_rootThreshold is being able to specify a level of viewability independent of target size. For example, a target that is larger than the root (commonly the viewport) will not trigger the IntersectionObserver for a threshold of 1. Setting rn_rootThreshold of 1, will trigger once the item takes full size of the root.';

Reviewed By: yungsters

Differential Revision: D66031119

@facebook-github-bot facebook-github-bot added CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. p: Facebook Partner: Facebook Partner labels Nov 22, 2024
@facebook-github-bot
Copy link
Contributor

This pull request was exported from Phabricator. Differential Revision: D66031119

…ercentThreshold)

Summary:
Changelog: [General][Added] - Add support for `rn_rootThreshold` in Intersection Observer

`rn_rootThreshold` is a custom IntersectionObserver option and not part of the IntersectionObserver spec. We are adding it because it covers a specific use-case for measuring viewability that is robust for `target`s that are larger than the viewport or specified `root`.

The threshold ratio is of the intersection area (of `root` and `target`) to the total area of the `root`. 


 {F1960832959} 
Source - EX314979

`rn_rootThreshold` is an optional threshold and can be combined with the `thresholds` option. An intersection will fire if any specified thresholds is met.

Note: If you use specify a `rn_rootThreshold`, the default `threshold` is no longer applied

The main use case of `rn_rootThreshold` is being able to specify a level of viewability independent of `target` size. For example, a `target` that is larger than the `root` (commonly the viewport) will not trigger the IntersectionObserver for a `threshold` of `1`. Setting `rn_rootThreshold` of `1`, will trigger once the item takes full size of the `root`.';

Reviewed By: yungsters

Differential Revision: D66031119
@facebook-github-bot
Copy link
Contributor

This pull request was exported from Phabricator. Differential Revision: D66031119

@facebook-github-bot
Copy link
Contributor

This pull request has been merged in a77d8d9.

@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Nov 22, 2024
@react-native-bot
Copy link
Collaborator

This pull request was successfully merged by @lunaleaps in a77d8d9

When will my fix make it into a release? | How to file a pick request?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. fb-exported Merged This PR has been merged. p: Facebook Partner: Facebook Partner
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants