react-infinite-grid-scroller
Advanced tools
Comparing version 1.0.0-Beta-1.0.2 to 1.0.0-Beta-1.1
@@ -1,1 +0,9 @@ | ||
#Changelog | ||
# Changelog | ||
## 1.0.0-Beta-1 April 9, 2020 | ||
- First release | ||
## 1.0.0-Beta-1.1 April 11, 2020 | ||
- replace window.onResize with ResizeObserver on viewport component |
{ | ||
"name": "react-infinite-grid-scroller", | ||
"version": "1.0.0-Beta-1.0.2", | ||
"version": "1.0.0-Beta-1.1", | ||
"description": "infinite vertical or horizontal scroll using css grid layout", | ||
@@ -38,3 +38,4 @@ "main": "index.js", | ||
"react-is-mounted-hook": "^1.0.3", | ||
"requestidlecallback": "^0.3.0" | ||
"requestidlecallback": "^0.3.0", | ||
"resize-observer-polyfill": "^1.5.1" | ||
}, | ||
@@ -41,0 +42,0 @@ "peerDependencies": { |
@@ -23,2 +23,3 @@ # react-infinite-grid-scroller | ||
- [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) | ||
- [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) | ||
- [requestIdleCallback](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback) | ||
@@ -28,3 +29,3 @@ | ||
# Animated gif | ||
# Demo gif | ||
@@ -169,3 +170,3 @@ ![demo](demo/scroller.gif) | ||
The top level component. `position:absolute`; `top`, `right`, `bottom`, `left` all set to 0. Requires a container. Responds to page `onResize`, but not to its container resize (waiting for wider deployment of [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)). Contains Scrollblock. | ||
The top level component. `position:absolute`; `top`, `right`, `bottom`, `left` all set to 0. Requires a container. Responds to component resize based on [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver). Contains Scrollblock. | ||
@@ -180,3 +181,3 @@ ### Scrollblock | ||
The Cradle is also observed by IntersectionObserver. When the cradle is scrolled so fast that its operations cause a lag of motion, and this lag causes the Cradle to fall completely outside the viewport, then the scroller gives up on updating content, and instead brings into view a ScrollTracker, which informs the user that repoistioning is underway. The scrolltracker provides the user with index information. The host can optionally track these positions, and can ehance the context cues by providing, for example, grouping information. When that scroll operation is completed, then Cradle reconsitutes its contents according to its new position. | ||
The Cradle is also observed by IntersectionObserver. When the cradle is scrolled so fast that its operations cause a lag of motion, and this lag causes the Cradle to fall completely outside the viewport, then the scroller gives up on updating content, and instead brings into view a ScrollTracker, which informs the user that repoistioning is underway. The scrolltracker provides the user with index information. The host can optionally track these positions, and can ehance the context cues by providing, for example, grouping information. When that scroll operation is completed, then Cradle reconstitutes its contents according to its new position. | ||
@@ -183,0 +184,0 @@ Contains ItemShells. |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
414773
1609
197
5
13
14
+ Addedresize-observer-polyfill@1.5.1(transitive)