UIK 5104/scroll-bar-issues-in-safari

semcore/base-components/src/components/scroll-area/ScrollBar.tsx

@@ -176,6 +176,14 @@ class ScrollBarRoot extends Component<ScrollBarProps, typeof ScrollBarRoot.enhan
 
     const visibleScroll = this.calculateVisibleScroll();
 
+    /*
+      Safari retains GPU-composited layers after DOM removal.
+      Resetting transform before unmount prevents ghost rendering artifacts.
+    */
+    if (!visibleScroll && this.$slider) {
+      this.$slider.style.transform = 'none';
+    }
+
     this.setState({ visibleScroll }, () => {
       if (!this.$container || !this.$bar || !this.$slider) return;
       const orientation = this.getOrientation();

stories/patterns/filters/serp-features/docs/examples/serp-filter.tsx

@@ -271,7 +271,7 @@ const Demo = () => {
                             </Text>
                           )}
                     </ScrollArea.Container>
-                    {Boolean(options.length) && <ScrollArea.Bar orientation='vertical' />}
+                    <ScrollArea.Bar orientation='vertical' />
                   </ScrollArea>
                 </hideScrollBarsFromScreenReadersContext.Provider>