Skip to content

The "Edit user" drawer in admin settings scrolls past its end on phones #4392

Closed

Description

@AlexAndBear

Initial Checklist

  • I understand this is a bug report and questions should be posted in the Community Discussions
  • I searched issues and couldn’t find anything (or linked relevant results below)

Bug Description

In 7.2.4 the Pixel 7 'Edit user' drawer stopped at Save/Revert; on main it scrolls about 190 px further, the header with Close leaves the screen and the user list shows through below it.

Only when the panel is taller than the drawer (Edit user). Desktop: the span escapes too but the sidebar is overflow-hidden.

Regression compared with OpenCloud 7.2.4 (web 7.1.5), found in the regression test before the release. Introduced by PR #3976 / 41b0c6e.

Cause: packages/web-pkg/src/components/SideBar/CompareSaveDialog.vue:8 adds an absolutely positioned sr-only announcer; .sidebar-panel__body (SideBarPanels.vue:50) isn't positioned, so the span escapes its scroll clip and stretches the mobile drawer.

Possible fix: Add relative to .sidebar-panel__body in SideBarPanels.vue:50 (checked in the browser).

Reproduction Steps

  1. On a phone, log in as admin and open Admin Settings > Users.
  2. Click Edit on any user.
  3. Scroll the drawer down to the end.

Expected Outcome

The form scrolls until Revert/Save and the header stays visible.

Actual Outcome

The drawer scrolls another ~190 px; the header goes off screen and the dimmed list and FAB show below.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions