Fixed import modal content scroll bug (#9330)

fixes #9297
This commit is contained in:
nitin
2025-01-03 18:35:51 +05:30
committed by GitHub
parent 8b7e4ddad1
commit 9da0a5df6f

View File

@ -25,6 +25,7 @@ import { initialComputedColumnsSelector } from '@/spreadsheet-import/steps/compo
import { UnmatchColumn } from '@/spreadsheet-import/steps/components/MatchColumnsStep/components/UnmatchColumn'; import { UnmatchColumn } from '@/spreadsheet-import/steps/components/MatchColumnsStep/components/UnmatchColumn';
import { SpreadsheetImportStep } from '@/spreadsheet-import/steps/types/SpreadsheetImportStep'; import { SpreadsheetImportStep } from '@/spreadsheet-import/steps/types/SpreadsheetImportStep';
import { SpreadsheetImportStepType } from '@/spreadsheet-import/steps/types/SpreadsheetImportStepType'; import { SpreadsheetImportStepType } from '@/spreadsheet-import/steps/types/SpreadsheetImportStepType';
import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
import { useRecoilState } from 'recoil'; import { useRecoilState } from 'recoil';
import { ColumnGrid } from './components/ColumnGrid'; import { ColumnGrid } from './components/ColumnGrid';
import { TemplateColumn } from './components/TemplateColumn'; import { TemplateColumn } from './components/TemplateColumn';
@ -326,6 +327,11 @@ export const MatchColumnsStep = <T extends string>({
return ( return (
<> <>
<ScrollWrapper
contextProviderName="modalContent"
componentInstanceId="scroll-wrapper-modal-content"
heightMode="full"
>
<StyledContent> <StyledContent>
<Heading <Heading
title="Match Columns" title="Match Columns"
@ -357,6 +363,7 @@ export const MatchColumnsStep = <T extends string>({
)} )}
/> />
</StyledContent> </StyledContent>
</ScrollWrapper>
<StepNavigationButton <StepNavigationButton
onClick={handleOnContinue} onClick={handleOnContinue}
isLoading={isLoading} isLoading={isLoading}