diff --git a/superset-frontend/spec/javascripts/explore/components/SaveModal_spec.jsx b/superset-frontend/spec/javascripts/explore/components/SaveModal_spec.jsx index c15b16d41b46b..66e7706a880e3 100644 --- a/superset-frontend/spec/javascripts/explore/components/SaveModal_spec.jsx +++ b/superset-frontend/spec/javascripts/explore/components/SaveModal_spec.jsx @@ -29,10 +29,9 @@ import Button from 'src/components/Button'; import sinon from 'sinon'; import fetchMock from 'fetch-mock'; -import Modal from 'src/common/components/Modal'; import * as exploreUtils from 'src/explore/exploreUtils'; import * as saveModalActions from 'src/explore/actions/saveModalActions'; -import SaveModal from 'src/explore/components/SaveModal'; +import SaveModal, { StyledModal } from 'src/explore/components/SaveModal'; describe('SaveModal', () => { const middlewares = [thunk]; @@ -79,11 +78,11 @@ describe('SaveModal', () => { it('renders a Modal with the right set of components', () => { const wrapper = getWrapper(); - expect(wrapper.find(Modal)).toExist(); + expect(wrapper.find(StyledModal)).toExist(); expect(wrapper.find(FormControl)).toExist(); expect(wrapper.find(Radio)).toHaveLength(2); - const footerWrapper = shallow(wrapper.find('Modal').props().footer); + const footerWrapper = shallow(wrapper.find(StyledModal).props().footer); expect(footerWrapper.find(Button)).toHaveLength(3); }); diff --git a/superset-frontend/src/explore/components/SaveModal.tsx b/superset-frontend/src/explore/components/SaveModal.tsx index dab88f2925713..e079b1a2b0078 100644 --- a/superset-frontend/src/explore/components/SaveModal.tsx +++ b/superset-frontend/src/explore/components/SaveModal.tsx @@ -19,7 +19,7 @@ /* eslint camelcase: 0 */ import React from 'react'; import { Alert, FormControl, FormGroup, Radio } from 'react-bootstrap'; -import { JsonObject, t } from '@superset-ui/core'; +import { JsonObject, t, styled } from '@superset-ui/core'; import ReactMarkdown from 'react-markdown'; import Modal from 'src/common/components/Modal'; import Button from 'src/components/Button'; @@ -55,6 +55,12 @@ type SaveModalState = { action: ActionType; }; +export const StyledModal = styled(Modal)` + .ant-modal-body { + overflow: visible; + } +`; + class SaveModal extends React.Component { constructor(props: SaveModalProps) { super(props); @@ -153,7 +159,7 @@ class SaveModal extends React.Component { render() { return ( - { /> - + ); } }