Skip to content

Commit f3332cf

Browse files
committed
Fix jumpyness
1 parent 600a790 commit f3332cf

File tree

1 file changed

+18
-10
lines changed

1 file changed

+18
-10
lines changed

assets/js/dashboard/nav-menu/filters-bar.tsx

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -165,17 +165,25 @@ export const FiltersBar = ({ elements }: FiltersBarProps) => {
165165
)}
166166
ref={containerRef}
167167
>
168-
<AppliedFilterPillsList
169-
ref={pillsRef}
170-
direction="horizontal"
171-
slice={{
172-
type: 'invisible-outside',
173-
start: 0,
174-
end: visibility?.visibleCount
168+
<div
169+
style={{
170+
marginTop: -BUFFER_FOR_SHADOW_PX,
171+
marginBottom: -BUFFER_FOR_SHADOW_PX
175172
}}
176-
className="overflow-hidden"
177-
style={{ width: visibility?.width ?? '100%' }}
178-
/>
173+
className="flex items-center"
174+
>
175+
<AppliedFilterPillsList
176+
ref={pillsRef}
177+
direction="horizontal"
178+
slice={{
179+
type: 'invisible-outside',
180+
start: 0,
181+
end: visibility?.visibleCount
182+
}}
183+
className="overflow-hidden"
184+
style={{ width: visibility?.width ?? '100%' }}
185+
/>
186+
</div>
179187
{visibility !== null &&
180188
(query.filters.length !== visibility.visibleCount || canClear) && (
181189
<ToggleDropdownButton

0 commit comments

Comments
 (0)