@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.
@@ -55520,7 +55520,7 @@ const css$F = /* css */`@property --slide-travel-progress {
55520
55520
  min-height: 0;
55521
55521
  display: grid;
55522
55522
  position: relative;
55523
- overflow: hidden;
55523
+ overflow: clip;
55524
55524
 
55525
55525
  &:focus {
55526
55526
  outline: none;
@@ -68626,8 +68626,17 @@ const useListScrollSync = ({
68626
68626
  // The list is holding itself somewhere; that is what owns the scroll.
68627
68627
  return;
68628
68628
  }
68629
+ const scrollerEl = getScroller();
68630
+ if (scrollerEl && (horizontal ? scrollerEl.scrollLeft : scrollerEl.scrollTop) === 0) {
68631
+ // A scroller at its start has nothing above the view to keep still, and
68632
+ // rows landing above the first one are what a list read from its start
68633
+ // (a journal newest first, a feed) is there to show: holding the row on
68634
+ // top would scroll past them. The browser's own scroll anchoring makes
68635
+ // the same exception at offset 0.
68636
+ return;
68637
+ }
68629
68638
  anchorRef.current = captureScrollAnchor({
68630
- scrollerEl: getScroller(),
68639
+ scrollerEl,
68631
68640
  listEl: getListEl(),
68632
68641
  items: listRows.visibleItemsSignal.peek(),
68633
68642
  horizontal
@@ -85614,7 +85623,10 @@ const css$8 = /* css */`@layer navi {
85614
85623
  background-color: var(--x-fill-color);
85615
85624
  border-width: var(--border-width);
85616
85625
  border-radius: inherit;
85617
- clip-path: inset(0 calc((1 - var(--x-fill-ratio, 0)) * 100%) 0 0);
85626
+ clip-path: inset(0
85627
+ calc(100% - var(--border-width) - var(--x-fill-ratio, 0) *
85628
+ (100% - var(--border-width) * 2))
85629
+ 0 0);
85618
85630
  border-style: solid;
85619
85631
  border-color: #0000;
85620
85632
  position: absolute;
@@ -85662,7 +85674,8 @@ const css$8 = /* css */`@layer navi {
85662
85674
 
85663
85675
  &[data-fill-round] {
85664
85676
  & .navi_meter_fill {
85665
- width: calc(var(--x-fill-ratio) * 100%);
85677
+ width: calc(var(--x-fill-ratio) * (100% - var(--border-width) * 2) +
85678
+ var(--border-width) * 2);
85666
85679
  clip-path: unset;
85667
85680
  }
85668
85681
  }