DMN Editor - Unexpected focus after user selects data type

When entering a new Data Type in the DMN editor, cursor focus appears in the name field by default for a new row. That is as expected. After typing in a name and pressing the tab key, the focus moves to the type selector. I type in a letter like "s" for string and the list opens with the first item beginning with the letter "s" selected. Then I press the space bar to select that item and close the menu.

Unexpectedly, focus now returns to the Name field. It should not. The cursor focus should now be placed on the next selectable field in the row as I continue to edit.

I notice that the next field (List with the Yes/No toggle) does actually get focus as I tab through, but there is no visual indication that focus is on that field. So when I next tab and focus moves to the "Constraints" label, I realize that focus was there on the previous field but I just couldn't see it.

Finally, the Save button should receive focus right after I tab from the "Constraints" label so that I can press Space bar or Enter to select it without having to use the mouse.

Acceptance test

• Chrome
• Firefox