feat(blade): scroll into view tab items when value changes

[anuraghazra]

fixes #1857

[changeset-bot]

🦋 Changeset detected

Latest commit: 1f42d15

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@razorpay/blade	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[bundlemon]

BundleMon

Files updated (1)

Status	Path	Size	Limits
✅	Web Components build/components/index.production.web.js	331.89KB (+1.85KB +0.56%)	-

Unchanged files (13)

Status	Path	Size	Limits
✅	React Native Components build/components/index.native.js	187.05KB	-
✅	Web Tokens build/tokens/index.production.web.js	42.24KB	-
✅	React Native Tokens build/tokens/index.native.js	38.35KB	-
✅	CSS Theme Tokens build/css/paymentThemeDarkDesktop.css	4.55KB	-
✅	CSS Theme Tokens build/css/paymentThemeDarkMobile.css	4.54KB	-
✅	CSS Theme Tokens build/css/bankingThemeLightDesktop.css	4.53KB	-
✅	CSS Theme Tokens build/css/bankingThemeLightMobile.css	4.52KB	-
✅	CSS Theme Tokens build/css/bankingThemeDarkDesktop.css	4.52KB	-
✅	CSS Theme Tokens build/css/paymentThemeLightDesktop.css	4.52KB	-
✅	CSS Theme Tokens build/css/bankingThemeDarkMobile.css	4.51KB	-
✅	CSS Theme Tokens build/css/paymentThemeLightMobile.css	4.51KB	-
✅	Web Utils build/utils/index.production.web.js	3.38KB	-
✅	React Native Utils build/utils/index.native.js	2.27KB	-

Total files change +1.85KB +0.29%

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 1f42d15:

Sandbox	Source
razorpay/blade: basic	Configuration

[github-actions]

✅ PR title follows Conventional Commits specification.

[saurabhdaware]

Looks good to me

[saurabhdaware]

On docs page, the tabs are always visible on top. Can you keep a note of this somewhere and fix it? we can merge this PR to unblock acquisition.

[saurabhdaware]

Should clicking on Tab scroll you to that page in documentation example?

[anuraghazra]

Should clicking on Tab scroll you to that page in documentation example?

No the consumer can handle that via onCLick

[anuraghazra]

On docs page, the tabs are always visible on top. Can you keep a note of this somewhere and fix it? we can merge this PR to unblock acquisition.

Fixed.

[saurabhdaware]

@anuraghazra do we still want this PR? Looks a bit outdated now