fix(segment): avoid scrolling webkit bug

[liamdebeasi]

Issue number: resolves #28373

---

🚨 Reviewers: Please test this on Chrome, Firefox, and Safari

What is the current behavior?

The fix in 1167a93 uncovered a WebKit bug where scrolling an element using scrollIntoView during an accelerated transition causes the segment to jump during the transition. scrollIntoView can cause parent elements to also scroll, and given that the entering view begins outside the viewport, it's possible this triggered some sort of WebKit bug where it was trying to scroll the element into view.

What is the new behavior?

• Updated the internal implementation to use scrollBy instead of scrollIntoView. scrollBy does not attempt to scroll parent elements which avoids the WebKit issue.
• I also updated the initial scroll to be instant rather than smoothly scroll. If a segment is added to the DOM, I'd expect it to be added with the correct scroll position (after the first render that is), so animating on load seemed like a strange behavior. User interaction will continue to use smooth scrolling though.

Does this introduce a breaking change?

• Yes
• No

Other information

Dev build: 7.5.2-dev.11697638908.1f04980a

[averyrousseau]

Tested in Chrome, Firefox, and Safari, all on both LTR and RTL. Works like a charm 👍