ScrollToPosition.Center Centers the First Item too in iOS and Catalyst

[nivetha-nagalingam]

Description

When using ScrollToPosition.Center with ScrollToAsync on iOS and Mac platforms, clicking Button0 (the first button) incorrectly centers it in the ScrollView instead of maintaining its left alignment. In Android and Windows its stays in starting position as expected.
Note: While fixing this issue enable the Bugzilla44461 UITest from Bugzilla folder.

Screen.Recording.2024-12-20.at.8.11.44.AM.mov

Steps to Reproduce

• Launch the application on iOS or Mac
• Navigate to the test page containing the horizontal ScrollView with multiple buttons
• Locate Button0 (first button) on the left side of the ScrollView
• Click Button0
  Expected Behavior
  • Button0 should remain aligned to the left edge of the ScrollView
  • No horizontal scrolling should occur since Button0 is already visible
  • The ScrollView's content should not shift position

Current Behavior
- Button0 scrolls and centers itself in the ScrollView's viewport
- The ScrollView's content shifts left, moving Button0 away from the left edge

Bugzilla44461.zip

Link to public reproduction project repository

No response

Version with bug

9.0.21 SR2.1

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

iOS, macOS

Affected platform versions

iPhone 18.0, Mac 15.1 24B83

Did you find any workaround?

No response

Relevant log output