remove focusability/role on non editable elements

9 years ago · ea745865ad
parent 112f2d398a
commit ea745865ad
1 changed files with 9 additions and 1 deletions
--- a/frontend/app/components/wp-edit/wp-edit-field/wp-edit-field.directive.ts
+++ b/frontend/app/components/wp-edit/wp-edit-field/wp-edit-field.directive.ts
@ -260,7 +260,15 @@ export class WorkPackageEditFieldController {

  protected updateDisplayAttributes() {
    this.__d__inplaceEditReadValue = this.__d__inplaceEditReadValue || this.$element.find(".__d__inplace-edit--read-value");
-    this.__d__inplaceEditReadValue.attr("tabindex", this.isEditable ? "0" : "-1");
+
+    if (this.isEditable) {
+      this.__d__inplaceEditReadValue.attr("role", "button");
+      this.__d__inplaceEditReadValue.attr("tabindex", "0");
+    }
+    else {
+      this.__d__inplaceEditReadValue.removeAttr("role");
+      this.__d__inplaceEditReadValue.removeAttr("tabindex");
+    }
  }
 }