refs #14267-the-user-has-to-use-TAB-key-twice-to-browse-throught-filters

Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>

diff --git a/src/components/data-table-filters/data-table-filters.tsx b/src/components/data-table-filters/data-table-filters.tsx
index b8a6e834869eb5a3e59aa1125b5e8a867d8fe5e6..11607e4b22d108277f4f2dd8c32028ec88bcb36c 100644 (file)
--- a/src/components/data-table-filters/data-table-filters.tsx
+++ b/src/components/data-table-filters/data-table-filters.tsx
@@ -116,11 +116,9 @@ export const DataTableFilters = withStyles(styles)(
                         <List dense>
                             {this.state.filters.map((filter, index) =>
                                 <ListItem
-                                    button
-                                    key={index}
-                                    onClick={this.toggleFilter(filter)}>
+                                    key={index}>
                                     <Checkbox
-                                        disableRipple
+                                        onClick={this.toggleFilter(filter)}
                                         color="primary"
                                         checked={filter.selected}
                                         className={classes.checkbox} />