p-tag: tags are not accessible by tabbing

[akashuwtw]

Describe the bug

p-tags are not accessible by tabbing and does not receive keyboard focus

Environment

OS: Windows 10

Reproducer

No response

Angular version

16.2.7

PrimeNG version

16.5.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.16.0

Browser(s)

Chrome 121.0.6167.161, Edge 121.0.2277.112

Steps to reproduce the behavior

<p-tag value="Tag 1"></p-tag>

Expected behavior

p-tag should receive keyboard focus via tabbing

[SoyDiego]

Hi @akashuwtw you should add tabindex="0". In the docs you can find this information:

In case badges need to be tabbable, tabIndex can be added to implement custom key handlers. 

Here you have a example working:

[akashuwtw]

Thanks @SoyDiego. It worked.

[SoyDiego]

Thanks @SoyDiego. It worked.

Perfect. You can close the issue if it's solved :)