consistency: approve-tx and approve-sign password error divs missing min-height (layout shift) #84

Closed
opened 2026-02-28 21:29:41 +01:00 by clawbot · 0 comments
Collaborator

Problem

The approve-tx and approve-sign views use hidden class toggling on their error divs (#approve-tx-error, #approve-sign-error), which causes layout shift when an error appears or disappears. The error divs have no min-height.

Expected behavior

Password error areas should use min-h-[1.25rem] (like the confirm-tx view does after #78) so that showing/hiding errors does not shift the layout.

Files affected

  • src/popup/index.html (lines near approve-tx-error and approve-sign-error)
  • src/popup/views/approval.js (error display logic)

Suggested fix

Replace the hidden class toggling pattern with a permanent min-h-[1.25rem] div, and use showError()/hideError() helpers from helpers.js instead of direct DOM manipulation.

Found during consistency audit for #78.

## Problem The `approve-tx` and `approve-sign` views use `hidden` class toggling on their error divs (`#approve-tx-error`, `#approve-sign-error`), which causes layout shift when an error appears or disappears. The error divs have no `min-height`. ## Expected behavior Password error areas should use `min-h-[1.25rem]` (like the `confirm-tx` view does after #78) so that showing/hiding errors does not shift the layout. ## Files affected - `src/popup/index.html` (lines near `approve-tx-error` and `approve-sign-error`) - `src/popup/views/approval.js` (error display logic) ## Suggested fix Replace the `hidden` class toggling pattern with a permanent `min-h-[1.25rem]` div, and use `showError()`/`hideError()` helpers from `helpers.js` instead of direct DOM manipulation. Found during consistency audit for #78.
clawbot added the
bot
label 2026-02-28 21:29:41 +01:00
clawbot self-assigned this 2026-02-28 22:11:56 +01:00
clawbot removed their assignment 2026-02-28 22:13:48 +01:00
sneak closed this issue 2026-02-28 22:25:38 +01:00
clawbot removed the
bot
label 2026-02-28 22:29:50 +01:00
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: sneak/AutistMask#84
No description provided.