chore(*): move the role prop to the drop-down component

Author: MonikaKirkova

projects/igniteui-angular/src/lib/drop-down/drop-down.base.ts

@@ -104,17 +104,6 @@ export abstract class IgxDropDownBaseDirective implements IDropDownList, OnInit
     @HostBinding('class.igx-drop-down')
     public cssClass = true;
 
-    /**
-     * Gets/sets the `role` attribute of the drop down. Default is 'listbox'.
-     *
-     * ```html
-     *  <igx-drop-down [role]="customRole"></igx-drop-down-item>
-     * ```
-     */
-    @Input()
-    @HostBinding('attr.role')
-    public role = 'listbox';
-
     /**
      * Get all non-header items
      *

projects/igniteui-angular/src/lib/drop-down/drop-down.common.ts

@@ -52,7 +52,6 @@ export interface IDropDownList {
     height: string;
     id: string;
     maxHeight: string;
-    role: string;
     collapsed: boolean;
     items: IgxDropDownItemBaseDirective[];
     headers: IgxDropDownItemBaseDirective[];

projects/igniteui-angular/src/lib/drop-down/drop-down.component.ts

@@ -134,6 +134,16 @@ export class IgxDropDownComponent extends IgxDropDownBaseDirective implements ID
     @Input()
     public labelledBy: string;
 
+    /**
+     * Gets/sets the `role` attribute of the drop down. Default is 'listbox'.
+     *
+     * ```html
+     *  <igx-drop-down [role]="customRole"></igx-drop-down-item>
+     * ```
+     */
+    @Input()
+    public role = 'listbox';
+
     @ContentChild(IgxForOfToken)
     protected virtDir: IgxForOfToken<any>;