pt/superset
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2024-09-06 13:57:40 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix antd select dropdown issue (#13585)

Browse Source
This commit is contained in:
Lily Kuang 2021-03-16 09:32:15 -07:00 committed by GitHub
parent 3078c84d40
commit f2c50f62ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
superset-frontend/src/common/components/CronPicker/CronPicker.tsx
View File

@ -17,6 +17,7 @@
* under the License.
*/
import React from 'react';
import { ConfigProvider } from 'antd';
import { styled, t } from '@superset-ui/core';
import ReactCronPicker, { Locale, CronProps } from 'react-js-cron';
@ -103,7 +104,11 @@ export const LOCALE: Locale = {
};
export const CronPicker = styled((props: CronProps) => (
<ReactCronPicker locale={LOCALE} {...props} />
<ConfigProvider
getPopupContainer={trigger => trigger.parentElement as HTMLElement}
>
<ReactCronPicker locale={LOCALE} {...props} />
</ConfigProvider>
))`
.react-js-cron-select:not(.react-js-cron-custom-select) > div:first-of-type,
.react-js-cron-custom-select {

10
superset-frontend/src/common/components/Select.tsx
View File

@ -16,10 +16,16 @@
* specific language governing permissions and limitations
* under the License.
*/
import React from 'react';
import { styled } from '@superset-ui/core';
import { Select as BaseSelect } from 'src/common/components';
import { Select as BaseSelect, SelectProps } from 'src/common/components';
const StyledSelect = styled(BaseSelect)`
const StyledSelect = styled((props: SelectProps<any>) => (
<BaseSelect
getPopupContainer={(trigger: any) => trigger.parentNode}
{...props}
/>
))`
display: block;
`;

6
superset-frontend/src/common/components/index.tsx
View File

@ -44,7 +44,6 @@ export {
Slider,
Row,
Space,
Select,
Skeleton,
Switch,
Tag,
@ -52,10 +51,11 @@ export {
Tooltip,
Input as AntdInput,
} from 'antd';
export { default as Alert, AlertProps } from 'antd/lib/alert';
export { TreeProps } from 'antd/lib/tree';
export { FormInstance } from 'antd/lib/form';
export { RadioChangeEvent } from 'antd/lib/radio';
export { TreeProps } from 'antd/lib/tree';
export { default as Alert, AlertProps } from 'antd/lib/alert';
export { default as Select, SelectProps } from 'antd/lib/select';
export { default as Collapse } from './Collapse';
export { default as Progress } from './ProgressBar';