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.
## 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.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Problem
The
approve-txandapprove-signviews usehiddenclass 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 nomin-height.Expected behavior
Password error areas should use
min-h-[1.25rem](like theconfirm-txview does after #78) so that showing/hiding errors does not shift the layout.Files affected
src/popup/index.html(lines nearapprove-tx-errorandapprove-sign-error)src/popup/views/approval.js(error display logic)Suggested fix
Replace the
hiddenclass toggling pattern with a permanentmin-h-[1.25rem]div, and useshowError()/hideError()helpers fromhelpers.jsinstead of direct DOM manipulation.Found during consistency audit for #78.