fix first item always selected; added aria-label for null option

config/locales/js-de.yml

@@ -333,6 +333,7 @@ de:
         type: "Typ"
         updatedAt: "Aktualisiert"
         versionName: "Version"
+        version: "Version"
       query:
         column_names: "Spalten"
         group_by: "Gruppiere Ergebnisse nach"
@@ -395,6 +396,7 @@ de:
       link_formatting_help: "Textformatierung"
       btn_preview_enable: "Vorschau"
       btn_preview_disable: "Vorschau deaktivieren"
+      null_value_label: "Kein Wert"
 
     error_could_not_resolve_version_name: "Versionsbezeichner konnte nicht aufgelöst werden"
     error_could_not_resolve_user_name: "Benutzername konnte nicht aufgelöst werden"

config/locales/js-en.yml

@@ -336,6 +336,7 @@ en:
         type: "Type"
         updatedAt: "Updated on"
         versionName: "Version"
+        version: "Version"
       query:
         column_names: "Columns"
         group_by: "Group results by"
@@ -398,6 +399,7 @@ en:
       link_formatting_help: "Text formatting"
       btn_preview_enable: "Preview"
       btn_preview_disable: "Disable preview"
+      null_value_label: "No value"
 
     error_could_not_resolve_version_name: "Couldn't resolve version name"
     error_could_not_resolve_user_name: "Couldn't resolve user name"

frontend/app/ui_components/inplace-editor-directive.js

@@ -104,6 +104,8 @@ module.exports = function(
     $scope.acceptErrors = acceptErrors;
     $scope.pathHelper = PathHelper;
 
+    $scope.nullValueLabel = I18n.t('js.inplace.null_value_label');
+
     activate();
 
     function activate() {

frontend/public/templates/components/inplace_editor/editable/select2.html

@@ -3,10 +3,11 @@
   ng-disabled="isBusy"
   ng-model="dataObject.value"
   title="{{ editTitle }}"
+  reset-search-input="true"
   theme="select2">
-  <ui-select-match>{{$select.selected.name}}</ui-select-match>
+  <ui-select-match>{{ $select.selected.name }}</ui-select-match>
   <ui-select-choices
     repeat="item.href as item in options | filter: $select.search">
-      <div ng-bind-html="item.name | highlight: $select.search"></div>
+      <div aria-label="{{ item.name || nullValueLabel }}" ng-bind-html="item.name | highlight: $select.search"></div>
   </ui-select-choices>
 </ui-select>