azure-dev icon indicating copy to clipboard operation
azure-dev copied to clipboard

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

Open vhvb1989 opened this issue 2 years ago • 3 comments

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.

vhvb1989 avatar Sep 07 '23 18:09 vhvb1989

@Austinauth for his input here

savannahostrowski avatar Sep 08 '23 22:09 savannahostrowski

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.

Austinauth avatar Sep 11 '23 14:09 Austinauth

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.

savannahostrowski avatar Sep 11 '23 22:09 savannahostrowski

closing this issue because we no longer have this issue

Image

kristenwomack avatar Oct 02 '25 15:10 kristenwomack