Dropdowns on "New Repository" screen

[fnetX]

Gitea Version

1.17.0+dev-88-g1f0fea7e4

Operating System

Debian GNU/Linux 11

Browser Version

Firefox 96.0.3

Can you reproduce the bug on the Gitea demo site?

Yes

Description

While working on #18564, I noticed that the "New Repository" screen might do well with some dropdown icons added where there is a dropdown, to avoid confusion. The "Signature Trust Model" already shows a dropdown icon, so it would add some consistency.

Further, I noticed that clicking into some boxes does only open the dropdown for the text width, clicking next to the grey text does nothing for the

• license
• issue
• template

Dropdowns, but works well for e.g. the gitignore and README dropdowns.

I just wanted to make sure this is tracked.

Screenshots

[silverwind]

I think this is because they are not real dropdowns, but text fields which spawn a dropdown on focus. Fields "Owner" and "Signature Trust Model" are real dropdowns and we should adjust the other fields to be the same.

[fnetX]

adjust the other fields to be the same.

be the same or look the same? Maybe I can add more dropdown icons, not sure if I can fix the click area so the whole box triggers something (I hope so), if you intend some refactoring here, I don't fully understand what you mean - but I'm not really a frontend guy.

[silverwind]

I think the root issue is we are dealing with two different elements with different functionality.

1. Text fields with "autocomplete" style dropdown. Generally, I think triangle does not make sense on it.
2. Actual dropdowns that don't allow text inputs. Triangle mandatory for UX.

I think the ideal solution would be an element that combines the two, e.g. act like a dropdown, with a search field to filter, like this one:

https://blueprintjs.com/docs/#select/select-component

Thought, I'm rather certain this may be impossible to do with what fomantic provides.