Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-infinite-grid-scroller

Package Overview
Dependencies
Maintainers
1
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-infinite-grid-scroller - npm Package Compare versions

Comparing version 1.0.0-Beta-1.0.2 to 1.0.0-Beta-1.1

10

CHANGELOG.md

@@ -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

5

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc