📱 Mobile Test Page

Touch-optimized test environment

test-site-1

Mobile Test Configuration

📄 Plain HTML

Desktop test page

📦 Bootstrap

Framework test page

🎨 Tailwind

Utility CSS test page

Mobile Testing Guide

This page is optimized for mobile devices. Test the chat widget with touch interactions and various mobile scenarios.

Touch Interactions

👆 Tap chat button to open
✏️ Type message (keyboard handling)
📱 Rotate device (orientation change)
⬇️ Scroll chat messages
❌ Close chat with X button

Expected Behavior

✅ Chat opens full-screen
✅ Button is easily tappable (44px min)
✅ Keyboard doesn't break layout
✅ Smooth animations (60fps)
✅ No horizontal scroll
Note: Test on both iOS Safari and Android Chrome for best coverage. Virtual keyboard behavior may differ between platforms.

Scroll Test Area

Scroll down to test button visibility and position persistence.

Scroll area
Chat button should remain visible

Form Input Test

Test how the chat widget interacts with other form inputs on the page.