fix: the ant.d tooltip is covered in modal with mwc drawer

react/src/components/DefaultProviders.tsx

@@ -95,42 +95,42 @@
   return [lang] as const;
 };
 
 const DefaultProviders: React.FC<DefaultProvidersProps> = ({
   children,
   value,
   styles,
   shadowRoot,
   dispatchEvent,
 }) => {
   const cache = useMemo(() => createCache(), []);
   const [lang] = useCurrentLanguage();
   const themeConfig = useCustomThemeConfig();
 
   const componentValues = useMemo(() => {
     return {
       value,
       dispatchEvent,
       moveTo: (path, params) => {
         dispatchEvent('moveTo', { path, params: params });
       },
     } as WebComponentContextType;
   }, [value, dispatchEvent]);
   return (
     <>
       {RelayEnvironment && (
         <RelayEnvironmentProvider environment={RelayEnvironment}>
           <React.StrictMode>
             <style>
               {styles}
               {rawFixAntCss}
             </style>
             <QueryClientProvider client={queryClient}>
               <ShadowRootContext.Provider value={shadowRoot}>
                 <WebComponentContext.Provider value={componentValues}>
                   <ConfigProvider
                     // @ts-ignore
                     getPopupContainer={(triggerNode) => {
-                      return shadowRoot;
+                      return triggerNode?.parentNode || shadowRoot;
                     }}
                     //TODO: apply other supported locales
                     locale={'ko' === lang ? ko_KR : en_US}

react/src/fix_antd.css

@@ -52,7 +52,13 @@
   }
 }
 
+/* fix: fixed column shadow display outside of a table wrapper */
 .ant-table-wrapper {
   border-radius: 8px 8px 0 0;
   overflow: hidden;
 }
+
+/* fix: the tooltip does not appear in the `<Form.Item tooltip={'something'}` when the popup container is a parent node of the trigger node. */
+.ant-form-item-label {
+  overflow: unset !important;
+}