no pointer events for label (#419)

PolymerElements · Aug 2, 2016 · a508229 · a508229
1 parent 0222d1d
commit a508229
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 1 deletion.
diff --git a/paper-input.html b/paper-input.html
@@ -73,7 +73,7 @@
       :host {
         display: block;
       }
-      
+
       :host([focused]) {
         outline: none;
       }
@@ -97,6 +97,10 @@
       input:-ms-input-placeholder {
         color: var(--paper-input-container-color, --secondary-text-color);
       }
+
+      label {
+        pointer-events: none;
+      }
     </style>
 
     <paper-input-container no-label-float="[[noLabelFloat]]" always-float-label="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]">

diff --git a/paper-textarea.html b/paper-textarea.html
@@ -43,6 +43,10 @@
       :host([hidden]) {
         display: none !important;
       }
+
+      label {
+        pointer-events: none;
+      }
     </style>
 
     <paper-input-container no-label-float$="[[noLabelFloat]]" always-float-label="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]">

diff --git a/test/paper-input.html b/test/paper-input.html
@@ -161,6 +161,12 @@
         assert.isTrue(inputContent.classList.contains('label-is-floating'), 'label is floating');
       });
 
+      test('label does not receive pointer events', function() {
+        var input = fixture('always-float-label');
+        var label = Polymer.dom(input.root).querySelector('label');
+        assert.equal(getComputedStyle(label).pointerEvents, 'none');
+      });
+
       test('error message is displayed', function() {
         var input = fixture('error');
         forceXIfStamp(input);

diff --git a/test/paper-textarea.html b/test/paper-textarea.html
@@ -125,6 +125,12 @@
         var inputContent = Polymer.dom(container.root).querySelector('.input-content');
         assert.isTrue(inputContent.classList.contains('label-is-floating'), 'label is floating');
       });
+
+      test('label does not receive pointer events', function() {
+        var input = fixture('always-float-label');
+        var label = Polymer.dom(input.root).querySelector('label');
+        assert.equal(getComputedStyle(label).pointerEvents, 'none');
+      });
     });
 
     suite('focus/blur events', function() {