Chat not visible in mobile view (but appears in desktop)

[ankit9984]

Description

I’m facing an issue with the chatbot UI (Ask AI) where everything works perfectly on desktop, but breaks when switching to mobile view.

On desktop, the chat opens normally and all messages are visible. But when I switch to mobile view using Chrome DevTools, the chat layout changes — it goes full screen — but the messages just don’t show up.

Weird part is, if I switch back to desktop view again, the messages appear like nothing happened.

---

Steps to reproduce

1. Open the chatbot in normal desktop view
2. Start/open the chat
3. Open DevTools and switch to mobile (responsive mode)
4. Check the chat UI

---

What I expected

The chat should work the same way on mobile — messages should be visible and layout should adjust properly.

---

What’s actually happening

• Desktop: works fine

• Mobile view:

  • Chat becomes full screen
  • Messages are not visible at all

---

Things I suspect might be causing this

Not 100% sure, but could be something like:

• CSS issue (overflow, height, etc.)
• 100vh behaving weirdly on mobile
• Flexbox/container sizing problem
• Maybe some conditional rendering based on screen size
• Or even a z-index/layer issue hiding the messages

---