Azure / azure-dev

A developer CLI that reduces the time it takes for you to get started on Azure. The Azure Developer CLI (azd) provides a set of developer-friendly commands that map to key stages in your workflow - code, build, deploy, monitor, repeat.
https://aka.ms/azd
MIT License
410 stars 198 forks source link

UX on shorty terminal - focus goes out of view on `azd init` on version 1.3.0 #2720

Open vhvb1989 opened 1 year ago

vhvb1989 commented 1 year ago

Running azd init from a short terminal is now confusing because the focused selection is hidden in the top. See next picture, it is a VSCode terminal at the bottom of VSCode, after running azd init:

image

The only way to get the expected output is by making the terminal to be half size of the screen:

image

The same behavior is seen on Windows Powershell, using a small terminal:

image

Note: Using the arrow keys up and down only makes it worst, as it makes azd to repaint the output and duplicates all the output. See this by using the up/down arrow keys and then use the mouse to scroll up in the terminal. A weir output is observed:

image

I suspect that, the longer the list of templates is, the bigger the terminal will need to be to avoid this issue.

savannahostrowski commented 1 year ago

@Austinauth for his input here

Austinauth commented 1 year ago

I agree with the analysis here. I've observed this personally and seen others struggle with this as well. Until I have some dedicated time to look at this pattern, I recommend reverting back to the simple, single line list select pattern (no double spaces, max of 7 items visible in the list at any time). The GitHub path is a nice touch, but we may need to remove it for the time being.

I'll make note to come back to this pattern during the Design Guide work in Germanium. In the meantime if anyone has suggestions feel free to propose them here.

savannahostrowski commented 1 year ago

I would prefer we don't revert the change quite yet. I don't see this as blocking right now so I'd prefer we keep this as is until we can spend some additional time assessing the UX here.

Would love to consider this fix alongside some of the other pieces of feedback we've gotten for the template list via https://github.com/Azure/azure-dev/issues/2732 and https://github.com/Azure/azure-dev/issues/2731 so we can come up with a holistic solution.