[Feature Request] Improve mobile browser support (Mouse clicks and keyboard inputs not working)

[lahuman]

Hello,

Thank you for this great project! I am writing to request an improvement regarding mobile browser support.

Currently, when accessing the NanoKVM web interface from a mobile device, the basic inputs do not seem to work properly:

• Mouse clicks (screen taps) are not recognized.
• The mobile virtual keyboard does not pop up or send keystrokes correctly to the target machine.

Expected behavior:

• Tapping the mobile screen should act as a left mouse click (or hold/drag).
• There should be a way to bring up the mobile virtual keyboard to type directly into the KVM interface.

Additional context:
Having full mobile support would be an incredible feature, allowing users to quickly check and manage their servers on the go without needing a laptop.

Thank you for your hard work on NanoKVM! I hope this can be considered in future updates.

[lahuman]

Thank you for developing such an amazing and accessible KVM solution! I am writing to suggest an improvement regarding mobile browser support, which would make NanoKVM even more powerful for managing servers on the go.

🐛 Current Issues on Mobile

Currently, the web interface is not fully functional on mobile browsers due to the differences in input methods:

1. No Touch-to-Mouse Mapping: Touching the screen triggers default browser behaviors (like scrolling or zooming) instead of sending mouse clicks or movements to the target machine.
2. Keyboard Accessibility: The mobile virtual keyboard does not pop up reliably. Even if it does, there is no way to input essential special keys like Ctrl, Alt, Esc, or F1-F12.

💡 Suggested Redesign & Features

To make NanoKVM fully usable on smartphones, I would like to propose a mobile-friendly UI/UX redesign, similar to how projects like noVNC or PiKVM handle mobile environments:

1. Touch Gesture Support: - Map mobile touch events to mouse events (e.g., 1-finger tap = left click, 2-finger tap = right click, 1-finger drag = mouse movement/drag).

   • Prevent default mobile browser actions (like pull-to-refresh or pinch-to-zoom) inside the video/canvas area.

2. Mobile-Friendly Virtual Keyboard & Special Keys Toolbar:

   • A reliable way to invoke the device's native on-screen keyboard (e.g., using a hidden input field).
   • Add a floating or collapsible toolbar providing buttons for special keys (Ctrl, Alt, Win, Esc, Tab, Arrows, etc.) that are missing from standard mobile keyboards.

3. Responsive Layout:

   • Ensure the UI adapts when the virtual keyboard is active so the KVM screen isn't completely blocked.

Having full mobile support would be a game-changer, allowing users to quickly troubleshoot servers using only their phones without needing to pull out a laptop.

Thank you for your hard work and consideration!