fix(input): fix input handling

Author: plusgut

src/reconciler/host.ts

@@ -116,7 +116,7 @@ export const hostReconcile: Reconciler = (opt) => {
       (opt.shadowCache.node as Element).addEventListener(
         inputEvent.key,
         (evt: Event) => {
-          const shadowElement = opt.shadowElement as ShadowHostElement;
+          const shadowElement = opt.shadowCache.value as ShadowHostElement;
           const newValue = (evt.currentTarget as HTMLInputElement).value;
 
           shadowElement.props[`${EVENT_PREFIX}${inputEvent.key}`](evt);

test/host.test.tsx

@@ -154,7 +154,7 @@ describe("webcomponent", () => {
 
     expect(
       (component.shadowRoot?.childNodes[0] as HTMLInputElement).value,
-    ).to.equal("foo");
+    ).to.equal("foobar");
   });
 
   it("registers input event without updating", async () => {