fix(ErrorFallbackModal): set a very high zIndex to prevent being covered

This commit is contained in:
Zeke Zhang 2024-10-10 20:14:38 +08:00
parent 5084b8ed31
commit 6e426720ad

View File

@ -7,11 +7,10 @@
* For more information, please refer to: https://www.nocobase.com/agreement.
*/
import { Modal } from 'antd';
import { Modal, Typography } from 'antd';
import React, { FC } from 'react';
import { FallbackProps } from 'react-error-boundary';
import { ErrorFallback } from './ErrorFallback';
import { Typography } from 'antd';
const { Paragraph, Text } = Typography;
export const ErrorFallbackModal: FC<FallbackProps> = (props) => {
@ -42,7 +41,7 @@ export const ErrorFallbackModal: FC<FallbackProps> = (props) => {
return (
<>
<div onMouseOver={() => setOpen(true)}>{props.children || defaultChildren}</div>
<Modal open={open} footer={null} onCancel={() => setOpen(false)} width={'60%'}>
<Modal zIndex={10000} open={open} footer={null} onCancel={() => setOpen(false)} width={'60%'}>
<ErrorFallback {...props} />
</Modal>
</>