Fix keyboard navigation with row details

vaadin · Aug 25, 2017 · c3499fb · c3499fb
1 parent c659771
commit c3499fb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/test/keyboard-navigation.html b/test/keyboard-navigation.html
@@ -668,7 +668,7 @@
             });
 
             function findRowDetailsCell(scope) {
-              return scope.querySelector('.vaadin-grid-details-cell');
+              return scope.querySelector('[part~="details-cell"]');
             }
 
             it('should not navigate to row details with right arrow', function() {

diff --git a/vaadin-grid-keyboard-navigation-mixin.html b/vaadin-grid-keyboard-navigation-mixin.html
@@ -150,7 +150,7 @@
 
       const activeCell = e.composedPath()[0];
       const columnIndex = indexOfChildElement(activeCell);
-      const isRowDetails = activeCell.matches('.vaadin-grid-details-cell');
+      const isRowDetails = activeCell.matches('[part~="details-cell"]');
 
       const activeRow = activeCell.parentNode;
       // Body rows have index property, otherwise DOM child index of the row is used
@@ -240,7 +240,7 @@
       // Here we go!
       const dstCell = dstIsRowDetails ?
         Array.from(dstRow.children)
-          .filter(el => el.matches('.vaadin-grid-details-cell'))[0] :
+          .filter(el => el.matches('[part~="details-cell"]'))[0] :
         dstRow.children[dstColumnIndex];
       this._focusCell(dstCell, activeRowGroup);
     }