For a multi-row input capture, we can either use a add new row button or automatically add new row as the user enters some text on the current row. the later is preferred as it saves user from extra clicks and makes the UI clean.
Styling the default HTML dropdown is difficult. So, we create a custom HTML dropdown using button and list. While implementing custom dropdown menu, we need keyboard navigation support as well. Here is how to implement the same.
When a route change happens, it might so happen that the new template being loaded takes time to show up final template. So, while the template processing is happening, we can show a loading spinner to avoid blank screen or screen stalls while transitioning from one route to another.