From a6b16510d6ef7a18a9828d1718e3f3532b64565c Mon Sep 17 00:00:00 2001 From: Juan Pablo Mitriatti Date: Thu, 1 May 2025 10:13:11 -0300 Subject: [PATCH 1/3] feat(components-core): added close functionality when clicking an anchor in the Anchor menu UDS-1998 --- packages/components-core/src/components/AnchorMenu/index.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/components-core/src/components/AnchorMenu/index.js b/packages/components-core/src/components/AnchorMenu/index.js index 4e537594e2..0559c8112e 100644 --- a/packages/components-core/src/components/AnchorMenu/index.js +++ b/packages/components-core/src/components/AnchorMenu/index.js @@ -247,7 +247,10 @@ export const AnchorMenu = ({ ariaLabel={item.text} label={item.text} icon={item.icon} - onClick={() => handleClickLink(item.targetIdName)} + onClick={() => { + handleClickLink(item.targetIdName); + handleMenuVisibility(); + }} /> ))} From 9d9fcb6c63a6ccf6ec0055d6b07f4f39423905f5 Mon Sep 17 00:00:00 2001 From: Scott Williams <5209283+scott-williams-az@users.noreply.github.com> Date: Tue, 6 May 2025 09:29:36 -0700 Subject: [PATCH 2/3] fix(unity-react-core): fix anchor menu bs and react close on nav click --- .../src/components/AnchorMenu/AnchorMenu.jsx | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx b/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx index b2e9dddda6..2fd9d5e199 100644 --- a/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx +++ b/packages/unity-react-core/src/components/AnchorMenu/AnchorMenu.jsx @@ -179,6 +179,10 @@ export const AnchorMenu = ({ queryFirstFocusable(`#${container}`)?.focus(); window.scrollTo({ top: scrollTo, behavior: "smooth" }); + setState(prevState => ({ + ...prevState, + showMenu: false, + })); }; const handleMenuVisibility = () => { @@ -207,7 +211,7 @@ export const AnchorMenu = ({ style={state.showMenu ? { borderBottom: 0 } : {}} >
- {isSmallDevice ? ( + {(isSmallDevice || isBootstrap) ? (

@@ -261,6 +265,8 @@ export const AnchorMenu = ({ isReact && (() => handleClickLink(item.targetIdName)) } href={isBootstrap && `#${item.targetIdName}`} + data-bs-toggle={isBootstrap && "collapse"} + data-bs-target={isBootstrap && "#collapseAnchorMenu"} /> ))} From d47c6f3dcc7f418b63c855dcc2215f329a0e3d50 Mon Sep 17 00:00:00 2001 From: Juan Pablo Mitriatti Date: Fri, 6 Jun 2025 10:00:22 -0300 Subject: [PATCH 3/3] fix(components-core): removed unnecessary component-core changes UDS-1998 --- packages/components-core/src/components/AnchorMenu/index.js | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/components-core/src/components/AnchorMenu/index.js b/packages/components-core/src/components/AnchorMenu/index.js index 0559c8112e..4e537594e2 100644 --- a/packages/components-core/src/components/AnchorMenu/index.js +++ b/packages/components-core/src/components/AnchorMenu/index.js @@ -247,10 +247,7 @@ export const AnchorMenu = ({ ariaLabel={item.text} label={item.text} icon={item.icon} - onClick={() => { - handleClickLink(item.targetIdName); - handleMenuVisibility(); - }} + onClick={() => handleClickLink(item.targetIdName)} /> ))}