fix(select): make aria compliant, read value in screen readers

closes #3891, closes #4914, closes #4977
angular · Dec 1, 2015 · 205b6c2 · 205b6c2
1 parent 34161fc
commit 205b6c2
Show file tree

Hide file tree

Showing 6 changed files with 116 additions and 114 deletions.
diff --git a/docs/app/js/preload.js b/docs/app/js/preload.js
diff --git a/src/components/input/input.js b/src/components/input/input.js
@@ -98,7 +98,7 @@ function labelDirective() {
     restrict: 'E',
     require: '^?mdInputContainer',
     link: function(scope, element, attr, containerCtrl) {
-      if (!containerCtrl || attr.mdNoFloat) return;
+      if (!containerCtrl || attr.mdNoFloat || element.hasClass('md-container-ignore')) return;
 
       containerCtrl.label = element;
       scope.$on('$destroy', function() {

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -87,14 +87,14 @@ md-input-container {
     -ms-flex-preferred-size: auto; //IE fix
   }
 
-  label {
+  label:not(.md-container-ignore) {
     position: absolute;
     bottom: 100%;
     left: 0;
   }
 
 
-  label:not(.md-no-float),
+  label:not(.md-no-float):not(.md-container-ignore),
   .md-placeholder {
     order: 1;
     pointer-events: none;