Merge pull request #6 from ezsystems/ezp-28079-fix-click-on-priority-sil

EZP-28079: Cannot click on a priority input field in the Sub Items List on Firefox
ezsystems · Oct 16, 2017 · 9100225 · 9100225
2 parents c7b6cff + 1a28a25
commit 9100225
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/modules/sub-items/components/table-view/css/table.view.item.component.css b/src/modules/sub-items/components/table-view/css/table.view.item.component.css
@@ -23,6 +23,21 @@
     width: 7ch;
 }
 
+.c-table-view-item__inner-wrapper--disabled {
+    position: relative;
+}
+
+.c-table-view-item__inner-wrapper--disabled:before {
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    content: '';
+    display: block;
+}
+
 .c-table-view-item__priority-value {
     max-width: 100%;
     height: 40px;
@@ -33,6 +48,7 @@
 
 .c-table-view-item__priority-value[disabled] {
     border: 0 none;
+    background: transparent;
     cursor: pointer;
 }
 
@@ -99,4 +115,4 @@
 
 .c-table-view-item__link {
     display: block;
-}
+}
diff --git a/src/modules/sub-items/components/table-view/table.view.item.component.js b/src/modules/sub-items/components/table-view/table.view.item.component.js
@@ -103,6 +103,7 @@ export default class TableViewItemComponent extends Component {
         if (!this.state.priorityInputEnabled) {
             inputAttrs.disabled = true;
             priorityWrapperAttrs.onClick = this.enablePriorityInput.bind(this);
+            priorityWrapperAttrs.className = 'c-table-view-item__inner-wrapper--disabled';
             innerWrapperAttrs.hidden = true;
         }