Update the functionality of onChange listener in general setting #1166
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Update the functionality of onChange Click listener in General setting.
Related Issues
Fixes #807
Screenshots (if applicable)
##Detail Description: -
This pull request addresses an issue where the navigation in the settings page only works when clicking on the text, not the entire tab area. The changes ensure that the navigation is triggered only when the text is clicked, preventing clicks on the surrounding div from affecting the navigation.
##Changes Made:
1.Wrapped the text in each tab label with a span element.
2.Added onClick event handlers to the span elements to stop event propagation.
##Files Modified:
Settings.js
##Steps to Reproduce the Issue:
1.Navigate to the settings page.
2.Try clicking on the tab area outside the text.
3.Observe that the navigation does not work unless the text is clicked.
##Steps to Verify the Fix:
1.Navigate to the settings page.
2.Click directly on the text in the tab.
3.Verify that the navigation works as expected.