Confirmation warnings can appear clipped below the scrollable area

[danfinlay]

On the transaction confirmation screen, we have an area where we render warnings, like "This transaction will likely run out of gas".

That area is currently at the bottom of the TX details view, which is scrollable, and prioritizes the "Confirmation" button, which is fixed at the bottom of the view.

This means relevant information can be missed by the user who does not scroll, while the confirm button remains prominent.

Possible mitigations (some can combine):

• Add the confirm/cancel buttons to the scrollable region, so they cannot be clicked until all details have been seen.
• Move the warning message to the top of the confirmation view
• Disable the Confirm button until scrolling to the bottom, in the style of common terms & conditions views (maybe a "dark pattern", as it may encourage not reading closely).

@rachelcope

[rachelcope]

I am in favor of @danfinlay 's option 1 - adding the confirm/cancel buttons to the scrollable area.

The warning message showing up below the fold happens only (I believe) when user has advanced gas options turned on.

Transaction confirmation with advanced gas options on

If the user sees the default transaction confirmation, then there is room above the fold for the error to appear and should not require the user to scroll to confirm.

Transaction confirmation default