FloatingChat Resizable Demo

Test the resizable floating chat window. You can drag it around and resize it in all directions.

• Drag the header to move the chat window

• Use the resize handles on edges and corners to resize

• Minimum size: 320px × 400px

• Maximum size: 80% of viewport

• Chat window stays within viewport bounds

Resize Features

  • • Resize from any edge or corner
  • • Constrained to viewport bounds
  • • Smooth resize animations
  • • Visual resize handles

Drag Features

  • • Drag from header area
  • • Stays within viewport
  • • Smooth drag animations
  • • Position persistence

Constraints

  • • Minimum width: 320px
  • • Minimum height: 400px
  • • Maximum: 80% of viewport
  • • Always visible on screen