Skip to content

fix(UI): render Backup controls as <form> elements#2158

Open
AprilSylph wants to merge 1 commit intomasterfrom
aprilsylph/backup-forms
Open

fix(UI): render Backup controls as <form> elements#2158
AprilSylph wants to merge 1 commit intomasterfrom
aprilsylph/backup-forms

Conversation

@AprilSylph
Copy link
Owner

@AprilSylph AprilSylph commented Mar 18, 2026

Description

The primary motivation for this was to show both subsections at the same time, making the contents of the Backup tab leave less empty space on mobile and other fixed-height situations.

Once I started pulling threads, though, I saw how much of an accessibility mess these controls are, so I ended up halfway to reimplementing them.

Before Before After
Screen Shot 2026-03-18 at 11 28 05 Screen Shot 2026-03-18 at 11 28 10 Screen Shot 2026-03-18 at 11 28 56

Testing steps

Smoke-test the Backup tab. Every element within it should work pretty much as before.

Expected changes include:

  • Both "Export" and "Import" sections are visible at the same time
  • The "Export" textarea no longer shrinks if the addon storage has less than eight keys
  • The "Export" textarea no longer selects all of its text content on click
  • Spacing is slightly different (should be more reminiscient of the Links tab now)

@AprilSylph AprilSylph marked this pull request as ready for review March 18, 2026 11:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant