PolymerElements / paper-toolbar

A Material Design toolbar/appbar
https://www.webcomponents.org/element/PolymerElements/paper-toolbar
40 stars 41 forks source link

Clickable Title #72

Closed PaulHMason closed 8 years ago

PaulHMason commented 8 years ago

I'm trying to make a toolbar title clickable (respond to the on-tap event) but nothing happens (nor can I change the cursor). Basically, the below line is within a paper-toolbar element.

<span class="title" on-tap="clickHander">Application Name</span>

Removing the title class fixes it, but obviously breaks the layout. Do I need to do anything special to enable this? I see that the pointer-events is set to none for the title class, but I can't seem to change it to any...

Creating a new CSS style from title and setting pointer-events: auto works, but it seems a bit dirty.

bicknellr commented 8 years ago

The --paper-toolbar-title mixin ('Styling' in docs; code) is applied to elements with the class title after all the default styles; adding pointer-events: auto; there should be the way to go (demo).