storing input values without prior necessity of focus loss (#16)

Author: PZahnen

webview-ui/src/Common.tsx

@@ -26,7 +26,7 @@ function Common({ disabled, error }: CommonProps) {
           <VSCodeTextField
             value={id}
             disabled={disabled}
-            onChange={(e) => {
+            onInput={(e) => {
               const target = e.target as HTMLInputElement;
               if (target) {
                 setId(target.value);

webview-ui/src/PostgreSql.tsx

@@ -74,7 +74,7 @@ function PostgreSql({ error, inProgress, submitData }: PostgreSqlProps) {
             <VSCodeTextField
               value={host}
               disabled={inProgress}
-              onChange={(e) => {
+              onInput={(e) => {
                 const target = e.target as HTMLInputElement;
                 if (target) {
                   setHost(target.value);
@@ -88,7 +88,7 @@ function PostgreSql({ error, inProgress, submitData }: PostgreSqlProps) {
             <VSCodeTextField
               value={database}
               disabled={inProgress}
-              onChange={(e) => {
+              onInput={(e) => {
                 const target = e.target as HTMLInputElement;
                 if (target) {
                   setDatabase(target.value);
@@ -102,7 +102,7 @@ function PostgreSql({ error, inProgress, submitData }: PostgreSqlProps) {
             <VSCodeTextField
               value={user}
               disabled={inProgress}
-              onChange={(e) => {
+              onInput={(e) => {
                 const target = e.target as HTMLInputElement;
                 if (target) {
                   setUser(target.value);
@@ -116,7 +116,7 @@ function PostgreSql({ error, inProgress, submitData }: PostgreSqlProps) {
             <VSCodeTextField
               value={password}
               disabled={inProgress}
-              onChange={(e) => {
+              onInput={(e) => {
                 const target = e.target as HTMLInputElement;
                 if (target) {
                   setPassword(target.value);

webview-ui/src/Wfs.tsx

@@ -86,7 +86,7 @@ function Wfs({ submitData, inProgress, error }: PostgreSqlProps) {
             <VSCodeTextField
               value={url ? url : undefined || ""}
               disabled={inProgress}
-              onChange={(e) => {
+              onInput={(e) => {
                 const target = e.target as HTMLInputElement;
                 if (target) {
                   setUrl(target.value);
@@ -114,7 +114,7 @@ function Wfs({ submitData, inProgress, error }: PostgreSqlProps) {
                 <VSCodeTextField
                   value={user ? user : undefined || ""}
                   disabled={inProgress}
-                  onChange={(e) => {
+                  onInput={(e) => {
                     const target = e.target as HTMLInputElement;
                     if (target) {
                       setUser(target.value);
@@ -128,7 +128,7 @@ function Wfs({ submitData, inProgress, error }: PostgreSqlProps) {
                 <VSCodeTextField
                   value={password ? password : undefined || ""}
                   disabled={inProgress}
-                  onChange={(e) => {
+                  onInput={(e) => {
                     const target = e.target as HTMLInputElement;
                     if (target) {
                       setPassword(target.value);