Tooltips for {{paper-input}}

[Oreoz]

Hi there!

I'm trying to implement a tooltip feature for the paper-input component. I'm not able to get it to render when placed inside of the label tag. When I move it out of the label tag it renders without any problems.

Is there any reason for this? I've tried playing around with various css properties without any success.

{{#if label}}
  <label for={{inputElementId}} class={{if required "md-required"}}>
    {{label}}

    {{#if tooltip}}
      {{#paper-icon "info"}}
        {{#paper-tooltip position="right"}}{{tooltip}}{{/paper-tooltip}}
      {{/paper-icon}}
    {{/if}}
  </label>
{{/if}}

Cheers!

[heberuriegas]

Try to wrap label + paper-icon within the paper-tooltip.

[Shadowere]

The issue with the tooltip not rendering when inside the label tag was because of pointer-events:none; on the label. Fixed using this:

md-input-container label md-icon {
  pointer-events: auto;
}