Skip to content

Commit 8b3326e

Browse files
Felipe Langjavier-godoy
authored andcommitted
fix: hide grid selection column using JavaScript
Hiding grid selection column with CSS breaks keyboard navigation Close #156
1 parent 874cd8e commit 8b3326e

File tree

2 files changed

+2
-25
lines changed

2 files changed

+2
-25
lines changed

src/main/java/com/flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,6 @@
7575

7676
@SuppressWarnings("serial")
7777
@JsModule(value = "./src/fc-twin-col-grid-auto-resize.js")
78-
@CssImport(value = "./styles/multiselect-cb-hide.css", themeFor = "vaadin-grid")
7978
@CssImport(value = "./styles/twin-col-grid-button.css")
8079
@CssImport(value = "./styles/twincol-grid.css")
8180
public class TwinColGrid<T> extends VerticalLayout
@@ -866,7 +865,8 @@ public FilterableTwinColumn<T> addFilterableColumn(ItemLabelGenerator<T> itemLab
866865
public TwinColGrid<T> selectRowOnClick() {
867866
forEachGrid(
868867
grid -> {
869-
grid.addClassName("hide-selector-col");
868+
grid.getElement().executeJs(
869+
"if (this.querySelector('vaadin-grid-flow-selection-column')) { this.querySelector('vaadin-grid-flow-selection-column').hidden = true }");
870870

871871
grid.addItemClickListener(
872872
c -> {

src/main/resources/META-INF/resources/frontend/styles/multiselect-cb-hide.css

Lines changed: 0 additions & 23 deletions
This file was deleted.

0 commit comments

Comments
 (0)