goauthentik / goauthentik/authentik

Improve UI handling for wide field - particularly with mouse-scroll-select

Open
#23,910 2 comments 0 reactions 1 assignee Claimed by @GirlBossRush View on GitHub
enhancement enhancement/confirmed
Dominant language
Python
Stars
25.6k
Forks
2k
Avg merge
1d 1h
Merged PRs (30d)
644

Description

### Is your feature request related to a problem?

This is a dual bug/ui improvement request.

When *creating* a provider - the target URLS (ACS, redirect uri, etc.) are often quite long and don't fit in the UI edit screen. They are easily seen on the Overview, but when editing on that initial create screen, they are too short.

On the edit screen after initial create they are ok:

Image

But on the create one they are way too short:

Image

Second part of this (the "bug" piece):

If you click/drag/select in that field, and RELEASE the mouse button while the mouse is outside the dialog, the entire app dialog goes away as if you clicked outside the dialog. i.e. "Click and drag to the right to copy/scroll the field."

### Describe the solution you'd like

1. Fix the scroll/drag issue.

2a) I hate pointlessly wasted screen space, just allow it to be used and get the fields larger - even if this is a dialog toggle button to "Expand to full width".

Image

2b) Put it on the next line and full width:

Image

2c) (Global UI suggestion) - For every one of those potentially-truncated text fields, allow a UI toggle to make them multiline + wrapped instead like the "show password" toggles you often see.

### Describe alternatives that you've considered

Various workarounds with keyboard scrolling/saving wrong entry and then re-editing, etc.

### Additional context

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.