scroll-system 1.3.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollLockedView.d.ts","sourceRoot":"","sources":["../../components/ScrollLockedView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,qBAAqB,EAAuB,MAAM,UAAU,CAAC;AAE3E,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,QAAQ,EACR,SAAc,EACd,eAA4B,EAC5B,kBAAyB,EACzB,mBAAuC,EACvC,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,GACV,EAAE,qBAAqB,2CAiHvB"}
1
+ {"version":3,"file":"ScrollLockedView.d.ts","sourceRoot":"","sources":["../../components/ScrollLockedView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,qBAAqB,EAAuB,MAAM,UAAU,CAAC;AAE3E,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,QAAQ,EACR,SAAc,EACd,eAA4B,EAC5B,kBAAyB,EACzB,mBAAuC,EACvC,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,GACV,EAAE,qBAAqB,2CAkHvB"}
package/dist/index.js CHANGED
@@ -333,7 +333,7 @@ function useWheelHandler() {
333
333
  const activeView = state.views[state.activeIndex];
334
334
  if (activeView?.capability === "internal") {
335
335
  const scrollContainer = document.querySelector(
336
- `[data-view-type="scroll-locked"][data-active="true"] > div`
336
+ `[data-view-type="scroll-locked"][data-active="true"] [data-scrollable="true"]`
337
337
  );
338
338
  if (scrollContainer) {
339
339
  const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
@@ -381,7 +381,7 @@ function canNavigateFromScrollPosition(direction) {
381
381
  return true;
382
382
  }
383
383
  const scrollContainer = document.querySelector(
384
- `[data-view-type="scroll-locked"][data-active="true"] > div`
384
+ `[data-view-type="scroll-locked"][data-active="true"] [data-scrollable="true"]`
385
385
  );
386
386
  if (!scrollContainer) {
387
387
  return true;
@@ -1477,6 +1477,7 @@ function ScrollLockedView({
1477
1477
  right: 0,
1478
1478
  bottom: 0,
1479
1479
  scrollbarWidth: "none",
1480
+ touchAction: scrollDirection === "vertical" ? "pan-y" : "pan-x",
1480
1481
  ...scrollStyles
1481
1482
  },
1482
1483
  "data-scrollable": "true",
package/dist/index.mjs CHANGED
@@ -331,7 +331,7 @@ function useWheelHandler() {
331
331
  const activeView = state.views[state.activeIndex];
332
332
  if (activeView?.capability === "internal") {
333
333
  const scrollContainer = document.querySelector(
334
- `[data-view-type="scroll-locked"][data-active="true"] > div`
334
+ `[data-view-type="scroll-locked"][data-active="true"] [data-scrollable="true"]`
335
335
  );
336
336
  if (scrollContainer) {
337
337
  const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
@@ -379,7 +379,7 @@ function canNavigateFromScrollPosition(direction) {
379
379
  return true;
380
380
  }
381
381
  const scrollContainer = document.querySelector(
382
- `[data-view-type="scroll-locked"][data-active="true"] > div`
382
+ `[data-view-type="scroll-locked"][data-active="true"] [data-scrollable="true"]`
383
383
  );
384
384
  if (!scrollContainer) {
385
385
  return true;
@@ -1475,6 +1475,7 @@ function ScrollLockedView({
1475
1475
  right: 0,
1476
1476
  bottom: 0,
1477
1477
  scrollbarWidth: "none",
1478
+ touchAction: scrollDirection === "vertical" ? "pan-y" : "pan-x",
1478
1479
  ...scrollStyles
1479
1480
  },
1480
1481
  "data-scrollable": "true",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "scroll-system",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "description": "TikTok-style vertical scroll system with snap views, touch physics, and accessibility features",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",