@jsenv/navi 0.29.374 → 0.29.376

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.
@@ -56679,7 +56679,7 @@ const css$F = /* css */`@property --slide-travel-progress {
56679
56679
  min-height: 0;
56680
56680
  display: grid;
56681
56681
  position: relative;
56682
- overflow: hidden;
56682
+ overflow: clip;
56683
56683
 
56684
56684
  &:focus {
56685
56685
  outline: none;
@@ -69979,8 +69979,17 @@ const useListScrollSync = ({
69979
69979
  // The list is holding itself somewhere; that is what owns the scroll.
69980
69980
  return;
69981
69981
  }
69982
+ const scrollerEl = getScroller();
69983
+ if (scrollerEl && (horizontal ? scrollerEl.scrollLeft : scrollerEl.scrollTop) === 0) {
69984
+ // A scroller at its start has nothing above the view to keep still, and
69985
+ // rows landing above the first one are what a list read from its start
69986
+ // (a journal newest first, a feed) is there to show: holding the row on
69987
+ // top would scroll past them. The browser's own scroll anchoring makes
69988
+ // the same exception at offset 0.
69989
+ return;
69990
+ }
69982
69991
  anchorRef.current = captureScrollAnchor({
69983
- scrollerEl: getScroller(),
69992
+ scrollerEl,
69984
69993
  listEl: getListEl(),
69985
69994
  items: listRows.visibleItemsSignal.peek(),
69986
69995
  horizontal
@@ -87705,7 +87714,10 @@ const css$8 = /* css */`@layer navi {
87705
87714
  background-color: var(--x-fill-color);
87706
87715
  border-width: var(--border-width);
87707
87716
  border-radius: inherit;
87708
- clip-path: inset(0 calc((1 - var(--x-fill-ratio, 0)) * 100%) 0 0);
87717
+ clip-path: inset(0
87718
+ calc(100% - var(--border-width) - var(--x-fill-ratio, 0) *
87719
+ (100% - var(--border-width) * 2))
87720
+ 0 0);
87709
87721
  border-style: solid;
87710
87722
  border-color: #0000;
87711
87723
  position: absolute;
@@ -87753,7 +87765,8 @@ const css$8 = /* css */`@layer navi {
87753
87765
 
87754
87766
  &[data-fill-round] {
87755
87767
  & .navi_meter_fill {
87756
- width: calc(var(--x-fill-ratio) * 100%);
87768
+ width: calc(var(--x-fill-ratio) * (100% - var(--border-width) * 2) +
87769
+ var(--border-width) * 2);
87757
87770
  clip-path: unset;
87758
87771
  }
87759
87772
  }