From 68d1f1d184cb185056fa4ba54bca8aa702b52a97 Mon Sep 17 00:00:00 2001
From: Mahdi Lazraq <mahdil@sipios.com>
Date: Mon, 25 Mar 2024 15:50:24 +0100
Subject: [PATCH] Fixes #15112 - Give list role instead of listbox to items
 list when empty

---
 src/app/components/dropdown/dropdown.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts
index 18f91e8eaf6..74e5807aade 100755
--- a/src/app/components/dropdown/dropdown.ts
+++ b/src/app/components/dropdown/dropdown.ts
@@ -22,7 +22,6 @@ import {
     Renderer2,
     Signal,
     signal,
-    SimpleChanges,
     TemplateRef,
     ViewChild,
     ViewEncapsulation,
@@ -266,7 +265,15 @@ export class DropdownItem {
                             </ng-container>
 
                             <ng-template #buildInItems let-items let-scrollerOptions="options">
-                                <ul #items [attr.id]="id + '_list'" [attr.aria-label]="listLabel" class="p-dropdown-items" [ngClass]="scrollerOptions.contentStyleClass" [style]="scrollerOptions.contentStyle" role="listbox">
+                                <ul
+                                    #items
+                                    [attr.id]="id + '_list'"
+                                    [attr.aria-label]="listLabel"
+                                    class="p-dropdown-items"
+                                    [ngClass]="scrollerOptions.contentStyleClass"
+                                    [style]="scrollerOptions.contentStyle"
+                                    [attr.role]="isEmpty() ? 'list' : 'listbox'"
+                                >
                                     <ng-template ngFor let-option [ngForOf]="items" let-i="index">
                                         <ng-container *ngIf="isOptionGroup(option)">
                                             <li class="p-dropdown-item-group" [attr.id]="id + '_' + getOptionIndex(i, scrollerOptions)" [ngStyle]="{ height: scrollerOptions.itemSize + 'px' }" role="option">