diff --git a/packages/main/src/components/ObjectPage/index.tsx b/packages/main/src/components/ObjectPage/index.tsx index 28bd4f6e732..30b2bde9cf9 100644 --- a/packages/main/src/components/ObjectPage/index.tsx +++ b/packages/main/src/components/ObjectPage/index.tsx @@ -84,6 +84,7 @@ const ObjectPage = forwardRef((props, ref selectedSectionId ?? firstSectionId, ); const [tabSelectId, setTabSelectId] = useState(null); + const titleAreaInteractive = headerArea && !preserveHeaderStateOnClick; const isProgrammaticallyScrolled = useRef(false); const [componentRef, objectPageRef] = useSyncRef(ref); @@ -512,7 +513,7 @@ const ObjectPage = forwardRef((props, ref const onTitleClick = (e) => { e.stopPropagation(); - if (!preserveHeaderStateOnClick) { + if (titleAreaInteractive) { onToggleHeaderContentVisibility(enrichEventWithDetails(e, { visible: headerCollapsed })); } }; @@ -667,7 +668,7 @@ const ObjectPage = forwardRef((props, ref data-component-name="ObjectPageTopHeader" ref={topHeaderRef} role={accessibilityAttributes?.objectPageTopHeader?.role} - data-not-clickable={!!preserveHeaderStateOnClick} + data-not-clickable={!titleAreaInteractive} aria-roledescription={ accessibilityAttributes?.objectPageTopHeader?.ariaRoledescription ?? 'Object Page header' } @@ -682,7 +683,7 @@ const ObjectPage = forwardRef((props, ref cloneElement(titleArea as ReactElement, { className: clsx(titleArea?.props?.className), onToggleHeaderContentVisibility: onTitleClick, - 'data-not-clickable': !!preserveHeaderStateOnClick, + 'data-not-clickable': !titleAreaInteractive, 'data-header-content-visible': headerArea && headerCollapsed !== true, _snappedAvatar: (