The HTML form field labels for forms' representations are not connected to the inputs they represent. They should using the for attribute.
GIVEN I am on the lexeme page WHEN adding a new form to the lexeme AND adding a representation to that form THEN the representation form fields (representation term, language) are connected to their respective label
Technical Pointers:
- existing implementation
- the relevant vue template
- the relevant vue component
- => what stands out is that there is a formIndex variable at our disposal already, and that v-for can be made to hand us an index variable.
- unfortunately we must compensate for a dirty little secret when changing the template (i.e. apply any resulting template change here redundantly)