diff --git a/docs/.vitepress/src/components/menu/RecursionMenu.vue b/docs/.vitepress/src/components/menu/RecursionMenu.vue
index 44b2b52de891c6ee44883cc308461533f7c90b92..c58a2d7fe01f956c0ad30e6c5600a408339b6233 100644
--- a/docs/.vitepress/src/components/menu/RecursionMenu.vue
+++ b/docs/.vitepress/src/components/menu/RecursionMenu.vue
@@ -1,7 +1,11 @@
 <script setup lang="ts">
-import { OMenu } from '@opensig/opendesign';
+import { provide, type PropType } from 'vue';
 import { useVModel } from '@vueuse/core';
-import type { PropType } from 'vue';
+import { OMenu } from '@opensig/opendesign';
+
+import type { DocMenuNodeT } from '@/utils/tree';
+import { isElementVisible } from '@/utils/element';
+import { scrollIntoView } from '@/utils/scroll-to';
 
 const props = defineProps({
   modelValue: {
@@ -17,11 +21,19 @@ const props = defineProps({
     default: () => [],
   },
 });
+provide('parentProps', props);
 
 const emits = defineEmits(['update:modelValue', 'update:expanded']);
-
 const menuValue = useVModel(props, 'modelValue', emits);
 const expanded = useVModel(props, 'expanded', emits);
+
+provide('setCurrentNode', (node: DocMenuNodeT, el: HTMLElement) => {
+ const parent = document.querySelector<HTMLElement>('#menuScrollDom .o-scroller-container');
+  if (parent && !isElementVisible(el, parent, 38)) {
+    console.log(parent, el);
+    scrollIntoView(el, parent);
+  }
+});
 </script>
 
 <template>
diff --git a/docs/.vitepress/src/components/menu/RecursionMenuItem.vue b/docs/.vitepress/src/components/menu/RecursionMenuItem.vue
index 96eb77eabad08420cdf6c02cf091dc2c65db034d..824d3b8af4cb0f5d847c0bd0ec4aeb6b8bb9ca9a 100644
--- a/docs/.vitepress/src/components/menu/RecursionMenuItem.vue
+++ b/docs/.vitepress/src/components/menu/RecursionMenuItem.vue
@@ -1,21 +1,34 @@
 <script setup lang="ts">
-import { type PropType } from 'vue';
+import { inject, ref, watch, type PropType } from 'vue';
 import { isArray, OMenuItem, OSubMenu } from '@opensig/opendesign';
 import type { DocMenuNodeT } from '@/utils/tree';
 
-defineProps({
+const props = defineProps({
   node: {
     type: Object as PropType<DocMenuNodeT>,
     required: true,
   },
 });
 
+const itemRef = ref();
 const emits = defineEmits(['click']);
+const parentProps = inject<{
+  readonly modelValue: string;
+}>('parentProps');
+
+const setCurrentNode = inject<(node: DocMenuNodeT, el: HTMLElement) => void>('setCurrentNode');
+
+watch(() => parentProps?.modelValue, () => {
+  if (props.node.id === parentProps?.modelValue) {
+    setCurrentNode?.(props.node, itemRef.value.$el);
+  }
+})
 </script>
 
 <template>
   <OSubMenu
     v-if="isArray(node.children) && node.children.length > 0"
+    ref="itemRef"
     class="recursion-sub-menu"
     :value="node.id"
     :selectable="node.type === 'page'"
@@ -24,7 +37,7 @@ const emits = defineEmits(['click']);
     <template #title>{{ node.label }}</template>
     <RecursionMenuItem v-for="item in node.children" :node="item" @click="(el) => emits('click', el)" />
   </OSubMenu>
-  <OMenuItem v-else class="recursion-menu-item" :value="node.id" @click="emits('click', node)">{{ node.label }}</OMenuItem>
+  <OMenuItem v-else ref="itemRef" class="recursion-menu-item" :value="node.id" @click="emits('click', node)">{{ node.label }}</OMenuItem>
 </template>
 
 <style lang="scss" scoped>
diff --git a/docs/.vitepress/src/utils/element.ts b/docs/.vitepress/src/utils/element.ts
index 08bb56f8030767a9b9101c276adc9021215a2bb7..b01d1a2f5e88984924fe6cd17e8825e53189f3cd 100644
--- a/docs/.vitepress/src/utils/element.ts
+++ b/docs/.vitepress/src/utils/element.ts
@@ -8,3 +8,12 @@ export const getOffsetTop = (el: HTMLElement, container: AnchorContainerT) => {
 
   return top - container.getBoundingClientRect().top;
 };
+
+export const isElementVisible = (el: HTMLElement, parent: HTMLElement, min = 0) => {
+  const parentRect = parent.getBoundingClientRect();
+  const childRect = el.getBoundingClientRect();
+  const visibleTop = Math.max(0, childRect.top - parentRect.top);
+  const visibleBottom = Math.min(parentRect.bottom, childRect.bottom) - parentRect.top;
+  const visibleHeight = visibleBottom - visibleTop;
+  return visibleHeight > min;
+}
\ No newline at end of file