Fixed reactive lists issues

Author: JulianFun123

packages/puls-dom-adapter/src/PulsDOMAdapter.ts

@@ -188,14 +188,12 @@ export class PulsDOMAdapter extends PulsAdapter<Node[]>{
                 const promisePlaceholder = this.document.createComment('promise')
                 let returns: ChildNode[] = [promisePlaceholder]
 
-                queueMicrotask(() => {
-                    value.then((v: any) => {
-                        const fromValue = this.createFromValue(v)
+                value.then((v: any) => {
+                    const fromValue = this.createFromValue(v)
 
-                        if (fromValue?.[0]) {
-                            this.replaceElements([promisePlaceholder], fromValue as ChildNode[])
-                        }
-                    })
+                    if (fromValue?.[0]) {
+                        this.replaceElements([promisePlaceholder], fromValue as ChildNode[])
+                    }
                 })
 
                 return returns

packages/puls-dom-adapter/tests/__snapshots__/dom-adapter.test.ts.snap

@@ -96,6 +96,22 @@ exports[`dom-adapter-promise 2`] = `
 </div>
 `;
 
+exports[`dom-adapter-promise-instant 1`] = `
+<div>
+  <p>
+    <!--promise-->
+  </p>
+</div>
+`;
+
+exports[`dom-adapter-promise-instant 2`] = `
+<div>
+  <p>
+    Async Loaded!
+  </p>
+</div>
+`;
+
 exports[`dom-adapter-slots 1`] = `
 <div>
   <div>

packages/puls-dom-adapter/tests/dom-adapter.test.ts

@@ -121,6 +121,20 @@ test('dom-adapter-promise', async () => {
     await promiseValue
     expect(div).toMatchSnapshot()
 })
+test('dom-adapter-promise-instant', async () => {
+    const promiseValue = new Promise(resolve => setTimeout(() => resolve('Async Loaded!')))
+    const d = new PulsDOMAdapter(html`
+        <div>
+            <p>${promiseValue}</p>
+        </div>
+    `.parse())
+
+    const [div] = d.render()
+    expect(div).toMatchSnapshot()
+
+    await promiseValue
+    expect(div).toMatchSnapshot()
+})
 
 test('dom-adapter-slots', () => {
     const TestComponent = (props: { $slot?: any }) => new PulsDOMAdapter(html`