diff --git a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
index fef4edfc9..e79eefe52 100644
--- a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
@@ -3,7 +3,7 @@
 exports[`Calendar > Calendar baseVue demo works fine 1`] = `
 <div>
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2564,7 +2564,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell"
@@ -2617,7 +2617,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
 >
   
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5178,7 +5178,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell"
@@ -5232,7 +5232,7 @@ exports[`Calendar > Calendar customRangeVue demo works fine 1`] = `
 >
   
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5697,7 +5697,7 @@ exports[`Calendar > Calendar customRangeVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell"
@@ -5751,7 +5751,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
 >
   
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -6793,7 +6793,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell"
@@ -6877,7 +6877,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       >
         <div>
           <div>
-            <!--teleport start-->
+            
             <div
               class="t-overlay"
               style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -9438,7 +9438,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               </div>
               
             </div>
-            <!--teleport end-->
+            
           </div>
           <div
             class="t-cell"
@@ -9485,7 +9485,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
         </div>
         <div>
           <div>
-            <!--teleport start-->
+            
             <div
               class="t-overlay"
               style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -12046,7 +12046,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               </div>
               
             </div>
-            <!--teleport end-->
+            
           </div>
           <div
             class="t-cell"
@@ -12093,7 +12093,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
         </div>
         <div>
           <div>
-            <!--teleport start-->
+            
             <div
               class="t-overlay"
               style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -14654,7 +14654,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
               </div>
               
             </div>
-            <!--teleport end-->
+            
           </div>
           <div
             class="t-cell"
@@ -14726,7 +14726,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       
       
       <div>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -15768,7 +15768,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell"
@@ -15815,7 +15815,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       
       
       <div>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -18376,7 +18376,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell"
@@ -18423,7 +18423,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       
       
       <div>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -18888,7 +18888,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell"
@@ -18935,7 +18935,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
       
       <div>
         <div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -19472,7 +19472,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
         </div>
         <div
           class="t-cell"
@@ -22066,7 +22066,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
 exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
 <div>
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -24627,7 +24627,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell"
@@ -24677,7 +24677,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
 exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
 <div>
   <div>
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -27238,7 +27238,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell"
diff --git a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
index 75009a551..41afde0db 100644
--- a/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/cascader/__test__/__snapshots__/demo.test.jsx.snap
@@ -51,7 +51,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -210,7 +210,7 @@ exports[`Cascader > Cascader baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -267,7 +267,7 @@ exports[`Cascader > Cascader checkStrictlyVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -421,7 +421,7 @@ exports[`Cascader > Cascader checkStrictlyVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -477,7 +477,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -636,7 +636,7 @@ exports[`Cascader > Cascader keysVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -692,7 +692,7 @@ exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -821,7 +821,7 @@ exports[`Cascader > Cascader lazyVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -908,7 +908,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1067,7 +1067,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1136,7 +1136,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1266,7 +1266,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1339,7 +1339,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1498,7 +1498,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1567,7 +1567,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1726,7 +1726,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1795,7 +1795,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1958,7 +1958,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2027,7 +2027,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2156,7 +2156,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2226,7 +2226,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2380,7 +2380,7 @@ exports[`Cascader > Cascader mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2439,7 +2439,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2569,7 +2569,7 @@ exports[`Cascader > Cascader themeTabVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -2625,7 +2625,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2788,7 +2788,7 @@ exports[`Cascader > Cascader withTitleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -2844,7 +2844,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3003,7 +3003,7 @@ exports[`Cascader > Cascader withValueVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap b/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
index 74143e4db..f0882b3c9 100644
--- a/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
@@ -565,7 +565,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
       <div
         data-v-0f72cd9e=""
       >
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3126,7 +3126,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="t-cell"
@@ -3199,7 +3199,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3700,7 +3700,7 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       
@@ -3836,7 +3836,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
   <div
     data-v-0f72cd9e=""
   >
-    <!--teleport start-->
+    
     <div
       class="t-overlay"
       style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -6397,7 +6397,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
       </div>
       
     </div>
-    <!--teleport end-->
+    
   </div>
   <div
     class="t-cell"
@@ -6470,7 +6470,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -6971,7 +6971,7 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
   
 </div>
diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
index c614778a5..bc12f1767 100644
--- a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -32,7 +32,7 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -567,7 +567,7 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -604,7 +604,7 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1034,7 +1034,7 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -1071,7 +1071,7 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2647,7 +2647,7 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -2715,7 +2715,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3250,7 +3250,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -3280,7 +3280,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3587,7 +3587,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -3617,7 +3617,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4281,7 +4281,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -4335,7 +4335,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         <!---->
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4765,7 +4765,7 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -4805,7 +4805,7 @@ exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5469,7 +5469,7 @@ exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -5506,7 +5506,7 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
     </div>
     <!---->
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -5813,7 +5813,7 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/dialog/__test__/__snapshots__/demo.test.jsx.snap b/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
index f6bfc4f30..5763811ad 100644
--- a/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/dialog/__test__/__snapshots__/demo.test.jsx.snap
@@ -21,7 +21,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -94,7 +94,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -114,7 +114,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -183,7 +183,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -203,7 +203,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -268,7 +268,7 @@ exports[`Dialog > Dialog confirmVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -294,7 +294,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -354,7 +354,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -374,7 +374,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -430,7 +430,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -450,7 +450,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -516,7 +516,7 @@ exports[`Dialog > Dialog feedbackVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -543,7 +543,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -661,7 +661,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-ddf95d52=""
@@ -683,7 +683,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -797,7 +797,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-ddf95d52=""
@@ -819,7 +819,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -929,7 +929,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-ddf95d52=""
@@ -951,7 +951,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1057,7 +1057,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-ddf95d52=""
@@ -1079,7 +1079,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1197,7 +1197,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-ddf95d52=""
@@ -1219,7 +1219,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1329,7 +1329,7 @@ exports[`Dialog > Dialog imageDialogVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -1356,7 +1356,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1466,7 +1466,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
     data-v-4a76bf3d=""
@@ -1488,7 +1488,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1603,7 +1603,7 @@ exports[`Dialog > Dialog inputVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -1660,7 +1660,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1720,7 +1720,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -1740,7 +1740,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1796,7 +1796,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -1816,7 +1816,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1882,7 +1882,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1921,7 +1921,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1994,7 +1994,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -2014,7 +2014,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2083,7 +2083,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -2103,7 +2103,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2168,7 +2168,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2208,7 +2208,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2318,7 +2318,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-4a76bf3d=""
@@ -2340,7 +2340,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2455,7 +2455,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -2495,7 +2495,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2613,7 +2613,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-ddf95d52=""
@@ -2635,7 +2635,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2749,7 +2749,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-ddf95d52=""
@@ -2771,7 +2771,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2881,7 +2881,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-ddf95d52=""
@@ -2903,7 +2903,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3009,7 +3009,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-ddf95d52=""
@@ -3031,7 +3031,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3149,7 +3149,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
         data-v-ddf95d52=""
@@ -3171,7 +3171,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3281,7 +3281,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -3325,7 +3325,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3398,7 +3398,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -3423,7 +3423,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3496,7 +3496,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -3521,7 +3521,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3594,7 +3594,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -3619,7 +3619,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3709,7 +3709,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <div
         class="btn-gap"
       />
@@ -3734,7 +3734,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </span>
         <!---->
       </button>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3822,7 +3822,7 @@ exports[`Dialog > Dialog mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -3894,7 +3894,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -3967,7 +3967,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -3992,7 +3992,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4065,7 +4065,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -4090,7 +4090,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4163,7 +4163,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -4188,7 +4188,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4278,7 +4278,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <div
     class="btn-gap"
   />
@@ -4303,7 +4303,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4391,7 +4391,7 @@ exports[`Dialog > Dialog multiStateVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/drawer/__test__/__snapshots__/demo.test.jsx.snap b/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
index 21c58b2ae..59f978606 100644
--- a/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/drawer/__test__/__snapshots__/demo.test.jsx.snap
@@ -5,7 +5,7 @@ exports[`Drawer > Drawer baseVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -93,7 +93,7 @@ exports[`Drawer > Drawer baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -119,7 +119,7 @@ exports[`Drawer > Drawer footerVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -232,7 +232,7 @@ exports[`Drawer > Drawer footerVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -258,7 +258,7 @@ exports[`Drawer > Drawer iconVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -436,7 +436,7 @@ exports[`Drawer > Drawer iconVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -498,7 +498,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -586,7 +586,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -626,7 +626,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -804,7 +804,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -849,7 +849,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -941,7 +941,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -981,7 +981,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
     >
       
       
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1094,7 +1094,7 @@ exports[`Drawer > Drawer mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       <button
         aria-disabled="false"
         class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
@@ -1184,7 +1184,7 @@ exports[`Drawer > Drawer titleVue demo works fine 1`] = `
   data-v-app=""
 >
   
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1276,7 +1276,7 @@ exports[`Drawer > Drawer titleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   <button
     aria-disabled="false"
     class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"
diff --git a/src/form/__test__/__snapshots__/demo.test.jsx.snap b/src/form/__test__/__snapshots__/demo.test.jsx.snap
index 30f3ff5cd..e6ce61055 100644
--- a/src/form/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/form/__test__/__snapshots__/demo.test.jsx.snap
@@ -359,7 +359,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -804,7 +804,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
@@ -886,7 +886,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1045,7 +1045,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
@@ -2137,7 +2137,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                     <!---->
                   </div>
                 </div>
-                <!--teleport start-->
+                
                 <div
                   class="t-overlay"
                   style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2582,7 +2582,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                   </div>
                   
                 </div>
-                <!--teleport end-->
+                
                 
               </div>
               <!---->
@@ -2664,7 +2664,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                     <!---->
                   </div>
                 </div>
-                <!--teleport start-->
+                
                 <div
                   class="t-overlay"
                   style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -2823,7 +2823,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                   </div>
                   
                 </div>
-                <!--teleport end-->
+                
                 
               </div>
               <!---->
@@ -3774,7 +3774,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4219,7 +4219,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
@@ -4299,7 +4299,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
               <!---->
             </div>
           </div>
-          <!--teleport start-->
+          
           <div
             class="t-overlay"
             style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -4458,7 +4458,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
             </div>
             
           </div>
-          <!--teleport end-->
+          
           
         </div>
         <!---->
diff --git a/src/picker/__test__/__snapshots__/demo.test.jsx.snap b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
index af6d19994..ec1014d3a 100644
--- a/src/picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -47,7 +47,7 @@ exports[`Picker > Picker areaVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -148,7 +148,7 @@ exports[`Picker > Picker areaVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -244,7 +244,7 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -359,8 +359,8 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
-  <!--teleport start-->
+  
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -535,7 +535,7 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -601,7 +601,7 @@ exports[`Picker > Picker cascadeVue demo works fine 1`] = `
       
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -719,7 +719,7 @@ exports[`Picker > Picker cascadeVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
@@ -898,7 +898,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1013,8 +1013,8 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
-      <!--teleport start-->
+      
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1189,7 +1189,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -1234,7 +1234,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1335,7 +1335,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
     </div>
@@ -1445,7 +1445,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
           </div>
         </div>
       </div>
-      <!--teleport start-->
+      
       <div
         class="t-overlay"
         style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1539,7 +1539,7 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
         </div>
         
       </div>
-      <!--teleport end-->
+      
       
       
       <div
@@ -1683,7 +1683,7 @@ exports[`Picker > Picker titleVue demo works fine 1`] = `
       </div>
     </div>
   </div>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -1777,7 +1777,7 @@ exports[`Picker > Picker titleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
   
 </div>
 `;
diff --git a/src/popup/__test__/__snapshots__/demo.test.jsx.snap b/src/popup/__test__/__snapshots__/demo.test.jsx.snap
index 1cce15934..403cd3280 100644
--- a/src/popup/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/popup/__test__/__snapshots__/demo.test.jsx.snap
@@ -116,7 +116,7 @@ exports[`Popup > Popup customCloseVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -139,7 +139,7 @@ exports[`Popup > Popup customCloseVue demo works fine 1`] = `
     </svg>
     
   </div>
-  <!--teleport end-->
+  
 </div>
 `;
 
@@ -323,7 +323,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </span>
           <!---->
         </button>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -363,7 +363,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </div>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       <div
         class="popup-demo"
@@ -385,7 +385,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </span>
           <!---->
         </button>
-        <!--teleport start-->
+        
         <div
           class="t-overlay"
           style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -408,7 +408,7 @@ exports[`Popup > Popup mobileVue demo works fine 1`] = `
           </svg>
           
         </div>
-        <!--teleport end-->
+        
       </div>
       
     </div>
@@ -438,7 +438,7 @@ exports[`Popup > Popup withTitleVue demo works fine 1`] = `
     </span>
     <!---->
   </button>
-  <!--teleport start-->
+  
   <div
     class="t-overlay"
     style="z-index: 1000; transition-duration: 300ms; display: none;"
@@ -478,6 +478,6 @@ exports[`Popup > Popup withTitleVue demo works fine 1`] = `
     </div>
     
   </div>
-  <!--teleport end-->
+  
 </div>
 `;
diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
index 1dfd0eb3e..04057966a 100644
--- a/src/popup/popup.tsx
+++ b/src/popup/popup.tsx
@@ -1,4 +1,4 @@
-import { computed, watch, defineComponent, h, ref, nextTick, Teleport, Transition } from 'vue';
+import { computed, watch, defineComponent, h, ref, nextTick, Teleport, Transition, onMounted } from 'vue';
 import { CloseIcon } from 'tdesign-icons-vue-next';
 
 import popupProps from './props';
@@ -37,6 +37,7 @@ export default defineComponent({
 
     const wrapperVisible = ref(currentVisible.value);
     const innerVisible = ref(currentVisible.value);
+    const mounted = ref(false);
 
     // 因为开启 destroyOnClose，会影响 transition 的动画，因此需要前后设置 visible
     watch(currentVisible, (v) => {
@@ -107,6 +108,7 @@ export default defineComponent({
           props.onOpen?.();
           setVisible(true);
         }
+        mounted.value = val;
       },
     );
 
@@ -143,11 +145,19 @@ export default defineComponent({
         </Transition>
       );
 
-      const renderPopupContent = (
-        <Teleport to={teleportElement.value} disabled={!teleportElement.value}>
+      const inner = (
+        <>
           {renderOverlayContent}
           {renderContent}
+        </>
+      );
+
+      const renderPopupContent = mounted.value ? (
+        <Teleport to={teleportElement.value} disabled={!teleportElement.value}>
+          {inner}
         </Teleport>
+      ) : (
+        inner
       );
 
       return (!props.destroyOnClose || wrapperVisible.value) && renderPopupContent;