fix(picker-column-internal): switching off an input mode column preserves scroll

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Sean reported an issue where quickly blurring a picker column with numericInput="true" causes the scroll position to get reset back to whatever it was at when the scroll gesture started. This was because we updated this.isActive mid-scroll. isActive is a state variable which causes a re-render whenever its value changes. This resulted in a re-render happening mid scroll.

What is the new behavior?

• Updated the internal logic to only update isActive once scrolling is done.
• If no scrolling is happening then isActive will be set right away

Does this introduce a breaking change?

• Yes
• No

Other information

main	branch
before-picker-col.mov	after-picker-col.mov

Note: Capturing an automated test for this is difficult on CI because of how quick the focus change needs to happen. I recommend testing manually at http://localhost:3333/src/components/picker-internal/test/basic on the numeric input pickers.