diff --git a/src-ui/app/config_page/setting_section/SettingSection.jsx b/src-ui/app/config_page/setting_section/SettingSection.jsx index c39e6221..b70b7763 100644 --- a/src-ui/app/config_page/setting_section/SettingSection.jsx +++ b/src-ui/app/config_page/setting_section/SettingSection.jsx @@ -2,14 +2,22 @@ import { useRef, useLayoutEffect, useEffect } from "react"; import styles from "./SettingSection.module.scss"; import { SettingBox } from "./setting_box/SettingBox"; -import { store } from "@store"; +import { store, useStore_SelectedConfigTabId } from "@store"; +import { useSettingBoxScrollPosition } from "@logics_configs"; export const SettingSection = () => { + const { currentSelectedConfigTabId } = useStore_SelectedConfigTabId(); + const { resetScrollPosition } = useSettingBoxScrollPosition(); const scrollContainerRef = useRef(null); + useLayoutEffect(() => { store.setting_box_scroll_container = scrollContainerRef; }, []); + useEffect(() => { + resetScrollPosition(); + }, [currentSelectedConfigTabId.data]); + return (