1522731 - When you click "Update comment", the button changes size and the "Cancel" button jumps underneath your cursor, causing momentary panic that you canceled your edit

Status: RESOLVED FIXED

(bugzilla.mozilla.org :: Extensions, defect)

Description

[Daniel Holbert [:dholbert]]

STR:

1. Click the pencil icon to edit a comment.
2. Make some change.
3. Click the "Update comment" button, being sure to click near the left edge of the button

ACTUAL RESULTS:
The "Update comment" button suddenly gets smaller (because its text changes to "Saving"), which may mean the Cancel button jumps under your cursor. This gives you a moment of panic where you worry that perhaps you accidentally clicked Cancel (because there it is, right on the spot you just clicked).

EXPECTED RESULTS:
Buttons shouldn't jump under your cursor when you click.

Comment 1

[Daniel Holbert [:dholbert]]

Attachment: screencast of bug

Comment 2

[Daniel Holbert [:dholbert]]

(If the bug's not obvious from just watching the screencast, e.g. because it's too quick, try pausing & seeking to around the 2 or 3 second mark.)

Comment 3

[Kohei Yoshino [:kohei]]

Yeah, the “Saving…” label should probably be displayed next to the Cancel button to avoid any confusion. I’ll fix it.

Comment 4

[Kohei Yoshino [:kohei]]

Attachment: GitHub Pull Request

Comment 5

[Kohei Yoshino [:kohei]]

Merged to master.