fix(ngAria): don't attach roles to native controls

don't add roles to (textarea, button, select, input)
fix angular#14076

Author: m-amr

src/ngAria/aria.js

@@ -221,8 +221,8 @@ ngAriaModule.directive('ngShow', ['$aria', function($aria) {
   function shouldAttachRole(role, elem) {
     // if element does not have role attribute
     // AND element type is equal to role (if custom element has a type equaling shape) <-- remove?
-    // AND element is not INPUT
-    return !elem.attr('role') && (elem.attr('type') === role) && (elem[0].nodeName !== 'INPUT');
+    // AND element is not in nodeBlackList
+    return !elem.attr('role') && (elem.attr('type') === role) && !isNodeOneOf(elem, nodeBlackList);
   }
 
   function getShape(attr, elem) {

test/ngAria/ariaSpec.js

@@ -272,6 +272,22 @@ describe('$aria', function() {
       compileElement('<input type="range" ng-model="val"></div>');
       expect(element.attr('role')).toBe(undefined);
     });
+
+    it('should not add a role to a native select', function() {
+      compileElement('<select></select>');
+      expect(element.attr('role')).toBe(undefined);
+    });
+
+    it('should not add a role to a native textarea', function() {
+      compileElement('<textarea></textarea>');
+      expect(element.attr('role')).toBe(undefined);
+    });
+
+    it('should not add a role to a native textarea', function() {
+      compileElement('<button></button>');
+      expect(element.attr('role')).toBe(undefined);
+    });
+
   });
 
   describe('aria-checked when disabled', function() {