Error message from controlled vocabulary fields remains hidden after user interaction

[alexandrevryghem]

Describe the bug

When you interact with controlled vocabulary fields, the error message remains hidden until you perform a page refresh.

To Reproduce

Steps to reproduce the behavior:

1. Configure you submission form to display a controlled vocabulary field like this:

   <field>
     <dc-schema>dc</dc-schema>
     <dc-element>type</dc-element>
     <repeatable>true</repeatable>
     <label>Type</label>
     <input-type>onebox</input-type>
     <hint>Select the type of content of the item.</hint>
     <required>Please enter a type.</required>
     <vocabulary closed="true">srsc</vocabulary>
   </field>

2. Click on deposit, the error should be displayed
3. Click on the field, and close the popup modal without selecting a value
4. Click outside of the field/on deposit, the error message stays hidden

Expected behavior

The error message should be displayed