Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

nz-table underlying checkbox clickable on fixed column #3531

Closed
kevinvaningen opened this issue Jun 4, 2019 · 1 comment
Closed

nz-table underlying checkbox clickable on fixed column #3531

kevinvaningen opened this issue Jun 4, 2019 · 1 comment
Assignees

Comments

@kevinvaningen
Copy link

kevinvaningen commented Jun 4, 2019

The issue which is not created via https://ng.ant.design/issue-helper/#/en will be closed immediately.

Checkboxes which are scrolled behind a fixed column (so they are not visible) can be clicked.

In nz-table (version 7.3.2) I have build a table with the following properties:

  • horizontal scroll
  • fixed first three column (using nzLeft)
  • Each row has a checkbox in the first column (which is fixed), and checkboxes in the horizontal scrollable content part of the table.

So what happened is that whenever a user scrolls the table cells horizontally, the cells of the center of the table scroll behind the first fixed column. This is what you would expect. Now the users selects the first checkbox, which now looks unresponsive, but what actually happened is that the checkbox below (like in z-index below) is now checked. So a checkbox which is not visible to the user gets checked.

I have made the background color of the first cell (left bottom) transparent, so its visible what happens. The orange checkbox has scrolled behind the one which is still empty and holds the arrow, and just now the orange got checked.

Screenshot 2019-06-04 at 20 54 04

@vthinkxie
Copy link
Member

Hi @kevinvaningen
I check it in the below stackblitz, and found everything works fine
https://stackblitz.com/edit/angular-8dbptv?file=src/app/app.component.ts
plz submit another issue with valid stackbliz link if you still have questions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants