[GH-ISSUE #678] BUG: Editing user causes UI to render outside of viewport #352

Closed
opened 2026-03-02 12:41:33 +03:00 by kerem · 4 comments
Owner

Originally created by @MissFox0810 on GitHub (Jan 26, 2022).
Original GitHub issue: https://github.com/KelvinTegelaar/CIPP/issues/678

Describe the bug

When editing an user, if you click "Change licenses" it causes the div to render off the page.
meaning the edit button gets pushed off page with no scroll bar. So you cant save your changes.

To Reproduce
Steps to reproduce the behavior:

  1. Edit a user.
  2. Click "Change licenses" on a customer with a few licences.
  3. watch button disappear before your very eyes.

Expected behavior

A scroll bar to appear when div extends past current viewport.

Screenshots
Before:
image

After:
image

Desktop (please complete the following information):

  • OS: Win11
  • Browser: Chrome
  • Version: 97.0.4692.99
Originally created by @MissFox0810 on GitHub (Jan 26, 2022). Original GitHub issue: https://github.com/KelvinTegelaar/CIPP/issues/678 **Describe the bug** When editing an user, if you click "Change licenses" it causes the div to render off the page. meaning the edit button gets pushed off page with no scroll bar. So you cant save your changes. **To Reproduce** Steps to reproduce the behavior: 1. Edit a user. 2. Click "Change licenses" on a customer with a few licences. 3. watch button disappear before your very eyes. **Expected behavior** A scroll bar to appear when div extends past current viewport. **Screenshots** Before: <img width="1917" alt="image" src="https://user-images.githubusercontent.com/4310446/151135564-e9ac8f3f-f0e9-4d17-a566-d32b8ebd2fc3.png"> After: <img width="1920" alt="image" src="https://user-images.githubusercontent.com/4310446/151135728-d4abd694-2d7d-4149-aa2a-cb5449f19e7c.png"> **Desktop (please complete the following information):** - OS: Win11 - Browser: Chrome - Version: 97.0.4692.99
kerem 2026-03-02 12:41:33 +03:00
Author
Owner

@KelvinTegelaar commented on GitHub (Jan 26, 2022):

oh so pretty. @homotechsual Can you check this one out? :)

<!-- gh-comment-id:1022009592 --> @KelvinTegelaar commented on GitHub (Jan 26, 2022): oh so pretty. @homotechsual Can you check this one out? :)
Author
Owner

@homotechsual commented on GitHub (Jan 26, 2022):

Can anyone reproduce this? I can't I get a scroll bar.

<!-- gh-comment-id:1022145330 --> @homotechsual commented on GitHub (Jan 26, 2022): Can anyone reproduce this? I can't I get a scroll bar.
Author
Owner

@homotechsual commented on GitHub (Jan 26, 2022):

So I've updated this page to the new UI elements <CippPage> etc and moved the raw information to an Offcanvas:

image
image

<!-- gh-comment-id:1022210291 --> @homotechsual commented on GitHub (Jan 26, 2022): So I've updated this page to the new UI elements `<CippPage>` etc and moved the raw information to an `Offcanvas`: ![image](https://user-images.githubusercontent.com/2288257/151173752-a0214ee9-10ca-4ac6-972d-045064611e15.png) ![image](https://user-images.githubusercontent.com/2288257/151173984-e603dead-d66a-47f3-859c-39186aadf692.png)
Author
Owner

@KelvinTegelaar commented on GitHub (Jan 27, 2022):

Seems fixed in Dev :)

<!-- gh-comment-id:1023065692 --> @KelvinTegelaar commented on GitHub (Jan 27, 2022): Seems fixed in Dev :)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
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
starred/CIPP#352
No description provided.