Features Real main.js load Scroll + overlay validation

Changtan Web Chat — Features

This page demonstrates the Changtan widget exactly as it runs on a website: loaded as an external script, configured via window.CTChatConfig, and rendered as a floating UI. Use this page to validate visual fidelity, z-index behavior, scroll robustness, and responsive performance.

To run a full end-to-end simultayion, set wsEndpoints to a real wss:// endpoint. If this page is served over HTTPS, do not use ws:// endpoints (browsers will block mixed content).

Integration Snapshot load-time config

Script

https://changtan.kahiether.com/main.js

Launcher

Enlarged via CSS override (no bundle changes)

Purpose

Verify UI load + interactions on a real page

Operational Checklist DevTools

Network: main.js returns 200
Console: no CSP / mixed-content errors
Layout: launcher stays clickable while scrolling
Z-index: panel overlays sticky headers

Scroll Stress Area

This section simulates long, structured content with a sticky table header. It helps validate that the widget remains interactive during scroll and that overlays are not clipped by layout containers.

Section	Content	Focus