primeng icon indicating copy to clipboard operation
primeng copied to clipboard

Table: unexpected behaviour when back-tabbing rows

Open bountyface opened this issue 1 year ago • 1 comments

Describe the bug

If you use a custom input field to display a row you can tab through all the entries from top to bottom.

But if you tab from the bottom to the top (SHIFT+TAB), it seems like it skips one entry:

https://github.com/primefaces/primeng/assets/35427369/3553bae2-25bf-4313-bee0-a6f2779bdfd0

I think the issue might come from the fact that the table header has the attribute position: sticky, so the upper row is always visually behind it.

https://github.com/primefaces/primeng/assets/35427369/75f98f35-e016-4705-8cf5-a9438dc6a456

This bug could relate to https://github.com/primefaces/primeng/issues/13056

Environment

Windows 11

Reproducer

https://stackblitz.com/edit/github-esrvpp

Angular version

17.0.8

PrimeNG version

17.3.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.12.0

Browser(s)

Chrome 120

Steps to reproduce the behavior

No response

Expected behavior

No response

bountyface avatar Jan 04 '24 11:01 bountyface

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

github-actions[bot] avatar May 05 '24 01:05 github-actions[bot]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!

github-actions[bot] avatar May 12 '24 01:05 github-actions[bot]