Update app.py

app.py

@@ -151,6 +151,18 @@ async def touch(request: TouchRequest):
             await page.mouse.move(x, y)
         elif request.action == "end":
             await page.mouse.up()
+            # Check if active element in page is an input/textarea/editable field
+            active_tag = await page.evaluate("document.activeElement ? document.activeElement.tagName.toLowerCase() : ''")
+            is_editable = await page.evaluate("document.activeElement ? document.activeElement.isContentEditable : false")
+            
+            should_open_kb = (active_tag in ["input", "textarea", "select"] or is_editable)
+            
+            # Return status to frontend so it knows whether to trigger mobile keyboard
+            return {
+                "success": True,
+                "image": await screenshot(),
+                "open_keyboard": should_open_kb
+            }
         else:
             raise HTTPException(
                 400,
@@ -159,7 +171,8 @@ async def touch(request: TouchRequest):
 
         return {
             "success": True,
-            "image": await screenshot()
+            "image": await screenshot(),
+            "open_keyboard": False
         }
 
     except Exception as error:
@@ -267,16 +280,6 @@ button {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-#kb-toggle {
-    background: #333;
-    padding: 2px 8px;
-    border-radius: 4px;
-    font-size: 11px;
 }
 
 #screen-container {
@@ -301,7 +304,7 @@ button {
     -webkit-touch-callout: none;
 }
 
-/* Hidden input to trigger mobile keyboard */
+/* Hidden input to automatically trigger mobile keyboard */
 #hidden-input {
     position: absolute;
     opacity: 0;
@@ -330,8 +333,7 @@ button {
 </div>
 
 <div id="status">
-    <span id="status-text">Ready</span>
-    <button id="kb-toggle" onclick="toggleKeyboard()">⌨️ Keyboard</button>
+    Ready
 </div>
 
 <div id="screen-container">
@@ -344,12 +346,11 @@ button {
 <script>
 
 const screen = document.getElementById("screen");
-const statusText = document.getElementById("status-text");
+const status = document.getElementById("status");
 const urlInput = document.getElementById("url");
 const hiddenInput = document.getElementById("hidden-input");
 
 let touching = false;
-let keyboardActive = false;
 
 async function navigate() {
     let url = urlInput.value.trim();
@@ -359,7 +360,7 @@ async function navigate() {
         url = "https://" + url;
     }
 
-    statusText.textContent = "Loading...";
+    status.textContent = "Loading...";
 
     try {
         const response = await fetch("/navigate", {
@@ -377,9 +378,9 @@ async function navigate() {
         }
 
         show(data.image);
-        statusText.textContent = data.url;
+        status.textContent = data.url;
     } catch (error) {
-        statusText.textContent = "Error: " + error.message;
+        status.textContent = "Error: " + error.message;
     }
 }
 
@@ -426,8 +427,17 @@ async function sendTouch(action, event) {
         if (data.image) {
             show(data.image);
         }
+
+        // Action 'end' par check karega ki website par input field select hua ya nahi
+        if (action === "end") {
+            if (data.open_keyboard) {
+                hiddenInput.focus(); // Mobile ka keyboard apne aap khul jayega
+            } else {
+                hiddenInput.blur();  // Input par nahi hai to keyboard band ho jayega
+            }
+        }
     } catch (error) {
-        statusText.textContent = error.message;
+        status.textContent = error.message;
     }
 }
 
@@ -447,20 +457,7 @@ async function sendKey(key) {
             show(data.image);
         }
     } catch (error) {
-        statusText.textContent = error.message;
-    }
-}
-
-function toggleKeyboard() {
-    keyboardActive = !keyboardActive;
-    if (keyboardActive) {
-        hiddenInput.focus();
-        document.getElementById("kb-toggle").style.background = "#007bff";
-        statusText.textContent = "Keyboard Active (Type now)";
-    } else {
-        hiddenInput.blur();
-        document.getElementById("kb-toggle").style.background = "#333";
-        statusText.textContent = "Keyboard Closed";
+        status.textContent = error.message;
     }
 }
 
@@ -475,7 +472,6 @@ hiddenInput.addEventListener("input", e => {
         sendKey("Backspace");
     }
     lastLength = val.length;
-    // Clear out periodically to keep it manageable
     if(hiddenInput.value.length > 50) {
         hiddenInput.value = "";
         lastLength = 0;