UI Button Placement Issue: Keep/Confirm buttons replaced by Reject/Stop buttons in same position causes accidental double-clicks

Title:

UI Button Placement Issue: Keep/Confirm buttons replaced by Reject/Stop buttons in same position causes accidental double-clicks

Post Content:

Problem:

After pressing “Keep” or “Confirm” buttons, the UI replaces them with “Reject” or “Stop” buttons in the exact same position. This is problematic because:

  1. Accidental Double-clicks: Users might accidentally double-click the original button, immediately triggering the reject/stop action

  2. Poor UX: Users expect buttons to remain in fixed positions, not change location dynamically

  3. Confusion: The sudden button replacement can be confusing and lead to unintended actions

Current Behavior:

text

[Keep] → [Reject] (same position)

[Confirm] → [Stop] (same position)

Expected Behavior:

text

[Keep] [Reject] (fixed positions)

[Confirm] [Stop] (fixed positions)

Request:

Please implement fixed button positions where:

  • Action buttons (Keep/Confirm) and their corresponding cancel buttons (Reject/Stop) are displayed in separate, consistent locations

  • Buttons don’t change position after user interaction

  • Users can clearly distinguish between different actions without risk of accidental clicks

Impact:

This issue affects user experience and can lead to data loss or unintended actions when users accidentally trigger reject/stop operations due to the dynamic button placement.

Priority: Medium-High (affects core user interaction flow)


Additional Context:

  • This appears to be a UI/UX design issue rather than a technical bug

  • The solution should maintain visual consistency while improving user safety

  • Consider adding visual feedback or confirmation dialogs for destructive actions

Would appreciate any guidance on the best approach to implement fixed button positioning in the UI framework being used.

1 Like