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.
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.