HELIOTROPE COMMUNITY
UI, UX & GRAPHICS

Roblox draggable UI moves off-screen on mobile

HELP
HeliotropeFixes Aug 11, 2024 1 views 0 replies
Posted Aug 11, 2024
#1
Issue
A window can be dragged beyond the phone viewport and cannot be recovered.

Cause
Desktop bounds were used without safe insets, device rotation, or the panel size.

Fix
Constrain the final rectangle, not only its top-left point. Recalculate bounds when AbsoluteSize or orientation changes and leave room for Roblox CoreGui insets. Provide a reset-layout action for accessibility and recovery.

Verify
Drag toward every edge in portrait and landscape emulation, then rotate while the panel is near a boundary.

Official Roblox UIDragDetector announcement
Original Heliotrope guidance with authoritative Roblox sources.

Want to join the conversation?

Create an account or sign in to reply.

Sign in to reply