Skip to content

Select button: Get focused on tab while being disabled #16251

@Pablo200206

Description

@Pablo200206

Describe the bug

The Select button component receives focus when tabbed when it's disabled. This behavior is inconsistent with how other components function.
https://stackblitz.com/edit/stackblitz-starters-nkj4g3?file=package.json

Environment

{
"name": "angular-starter",
"private": true,
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build"
},
"dependencies": {
"@angular/animations": "^18.1.0",
"@angular/common": "^18.1.0",
"@angular/compiler": "^18.1.0",
"@angular/core": "^18.1.0",
"@angular/forms": "^18.1.0",
"@angular/platform-browser": "^18.1.0",
"@angular/router": "^18.1.0",
"primeng": "^17.18.9",
"rxjs": "^7.8.1",
"tslib": "^2.5.0",
"zone.js": "~0.14.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^18.1.0",
"@angular/cli": "^18.1.0",
"@angular/compiler-cli": "^18.1.0",
"typescript": "~5.5.0"
}
}

Reproducer

No response

Angular version

18.1

PrimeNG version

17.18

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20

Browser(s)

Chrome, Edge, Safari

Steps to reproduce the behavior

Go to https://stackblitz.com/edit/stackblitz-starters-nkj4g3?file=package.json

Start navigation with tabulation.

Select button gets focused

Normal button does not get focused.

Expected behavior

Select button should behave as a p-button

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type: BugIssue contains a bug related to a specific component. Something about the component is not working

    Type

    No type

    Projects

    Status

    No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions