fix(segment): scrollable segments center button on click (#26285)

resolves #25367

core/src/components/segment/segment.tsx

@@ -88,6 +88,22 @@ export class Segment implements ComponentInterface {
         this.valueAfterGesture = value;
       }
     }
+
+    if (this.scrollable) {
+      const buttons = this.getButtons();
+      const activeButton = buttons.find((button) => button.value === value);
+      if (activeButton !== undefined) {
+        /**
+         * Scrollable segment buttons should be
+         * centered within the view including
+         * buttons that are partially offscreen.
+         */
+        activeButton.scrollIntoView({
+          behavior: 'smooth',
+          inline: 'center',
+        });
+      }
+    }
   }
 
   /**