Remove redundant dialog handling from rrdom.

rrdom already handles dialog element creation it's self

packages/rrweb/src/replay/index.ts

@@ -248,7 +248,6 @@ export class Replayer {
               this.applyStyleDeclaration(data, styleSheet);
           },
           afterAppend: (node: Node, id: number) => {
-            applyDialogToTopLevel(node);
             for (const plugin of this.config.plugins || []) {
               if (plugin.onBuild) plugin.onBuild(node, { id, replayer: this });
             }

packages/rrweb/test/replay/dialog.test.ts

@@ -97,6 +97,10 @@ describe('dialog', () => {
       name: 'should add an opened dialog with showModal in incremental snapshot',
       time: showModalIncrementalAddTime,
     },
+    {
+      name: 'should add an opened dialog with showModal in incremental snapshot alternative',
+      time: [showModalFullSnapshotTime, showModalIncrementalAddTime],
+    },
   ].forEach(({ name, time }) => {
     [true, false].forEach((useVirtualDom) => {
       it(`${name} (virtual dom: ${useVirtualDom})`, async () => {
@@ -106,9 +110,14 @@ describe('dialog', () => {
         await page.evaluate(`
           const { Replayer } = rrweb;
           window.replayer = new Replayer(events, { useVirtualDom: ${useVirtualDom} });
-          window.replayer.pause(${time});
         `);
-        await waitForRAF(page);
+        const timeArray = Array.isArray(time) ? time : [time];
+        for (let i = 0; i < timeArray.length; i++) {
+          await page.evaluate(`
+            window.replayer.pause(${timeArray[i]});
+          `);
+          await waitForRAF(page);
+        }
 
         const frameImage = await page!.screenshot({
           fullPage: false,