fix(input): delegate clicks in IE10

pointer-events: none does not work in IE10 Fixes #1394. Closes #2204.
angular · Apr 8, 2015 · d0b427d · d0b427d
1 parent 3ca2a63
commit d0b427d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/input/input.js b/src/components/input/input.js
@@ -61,6 +61,9 @@ function mdInputContainerDirective($mdTheming, $parse) {
 
     self.isErrorGetter = $attrs.mdIsError && $parse($attrs.mdIsError);
 
+    self.delegateClick = function() {
+      self.input.focus();
+    };
     self.element = $element;
     self.setFocused = function(isFocused) {
       $element.toggleClass('md-input-focused', !!isFocused);
@@ -325,7 +328,9 @@ function placeholderDirective() {
     var placeholderText = attr.placeholder;
     element.removeAttr('placeholder');
 
-    inputContainer.element.append('<div class="md-placeholder">' + placeholderText + '</div>');
+    var placeholder = '<div class="md-placeholder" ng-click="delegateClick()">' +
+                       placeholderText + '</div>';
+    inputContainer.element.append(placeholder);
   }
 }