diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx
index b5d3d5de2ae..071065c633b 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Lineage/Lineage.component.tsx
@@ -131,6 +131,7 @@ const Lineage = ({
{entityLineage && (
<>
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/Export.constants.ts b/openmetadata-ui/src/main/resources/ui/src/constants/Export.constants.ts
index 385f53fb0f4..8bd78181bba 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/Export.constants.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/Export.constants.ts
@@ -15,3 +15,6 @@ export enum ExportTypes {
PNG = 'PNG',
PDF = 'PDF',
}
+
+export const LINEAGE_EXPORT_SELECTOR =
+ '#lineage-container .react-flow__viewport';
diff --git a/openmetadata-ui/src/main/resources/ui/src/context/LineageProvider/LineageProvider.tsx b/openmetadata-ui/src/main/resources/ui/src/context/LineageProvider/LineageProvider.tsx
index 88d06171011..0dfa7235446 100644
--- a/openmetadata-ui/src/main/resources/ui/src/context/LineageProvider/LineageProvider.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/context/LineageProvider/LineageProvider.tsx
@@ -56,7 +56,10 @@ import {
import LineageNodeRemoveButton from '../../components/Lineage/LineageNodeRemoveButton';
import { SourceType } from '../../components/SearchedData/SearchedData.interface';
import { ROUTES } from '../../constants/constants';
-import { ExportTypes } from '../../constants/Export.constants';
+import {
+ ExportTypes,
+ LINEAGE_EXPORT_SELECTOR,
+} from '../../constants/Export.constants';
import {
ELEMENT_DELETE_STATE,
ZOOM_VALUE,
@@ -460,8 +463,8 @@ const LineageProvider = ({ children }: LineageProviderProps) => {
name: decodedFqn,
exportTypes: [ExportTypes.CSV, ExportTypes.PNG],
}),
- documentSelector: '.react-flow__viewport',
- viewport: getViewportForLineageExport(nodes),
+ documentSelector: LINEAGE_EXPORT_SELECTOR,
+ viewport: getViewportForLineageExport(nodes, LINEAGE_EXPORT_SELECTOR),
onExport: exportLineageData,
});
}
diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/EntityLineageUtils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/EntityLineageUtils.tsx
index 7cc02ecf127..fa82d8ca264 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/EntityLineageUtils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/EntityLineageUtils.tsx
@@ -1717,10 +1717,11 @@ export const getViewportForBoundsReactFlow = (
return { x: translateX, y: translateY, zoom: scale };
};
-export const getViewportForLineageExport = (nodes: Node[]): ExportViewport => {
- const exportElement = document.querySelector(
- '.react-flow__viewport'
- ) as HTMLElement;
+export const getViewportForLineageExport = (
+ nodes: Node[],
+ documentSelector: string
+): ExportViewport => {
+ const exportElement = document.querySelector(documentSelector) as HTMLElement;
const imageWidth = exportElement.scrollWidth;
const imageHeight = exportElement.scrollHeight;