-
-
Notifications
You must be signed in to change notification settings - Fork 18
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore(console): multiple scopes with fix for app deletion #2370
chore(console): multiple scopes with fix for app deletion #2370
Conversation
63bb0a9
to
539d4df
Compare
@@ -467,7 +467,7 @@ export default function AppDetailIndexPage() { | |||
experimental: value.experimental, | |||
} | |||
})} | |||
selectedItems={appDetails.app.scopes?.map((scope) => { | |||
preselectedItems={appDetails.app.scopes?.map((scope) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Type-checker doesn't like this.
disabled?: boolean | ||
onChange?: () => void | ||
learnMore?: string | ||
} | ||
|
||
const ComboboxItem = ({ item, selected }) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Depending on the width of field at the point the page is rendered, different issues arise. In general, the size of the dropdown contorl and the pills contained within, don't adjust relative to the surroundings.
- When starting on regular desktop width, and decreasing the width of the window we see the field width doesn't resize as other input fields do.
- When going into mobile view, the whole viewport remains stretched relative to the fixed size of the dropdown input field.
- When refreshing page on a narrow desktop view, or mobile view, we see scope pills overlapping with the chevron of the dropdown control itself
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for detailed review. I didn't think properly of resizing the window size during one session
For this reason I've added ResizeObserver to constantly scan the size of this dropdown and properly adjust panels.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
539d4df
to
fbd4bf2
Compare
Description
Modifies list of allowed scopes to display it properly when there're too many selected
And also It doesn't save app detail in auth page in console when opening delete app dialog
Related Issues
Testing
Locally in console and with storybook
Checklist