Title conflicts

Let’s look at the following snippet:

<button title="My title">
  <settings-icon />
</button>

What happens once the user hovers over the button is that the default icon overrides the button title. The current workarounds are

<button title="Open settings">
  <settings-icon title="Open settings" /> <!-- oof, very repetetive, or -->
  <settings-icon :title="false" /> <--! oof, very strange -->
</button>

…both aren’t that great. Two alternative ways would be:

• a global way to disable titles
• title inheritance by traversing through the DOM parents

[gambolputty]

I fixed this myself by setting pointer-events: none inside the CSS class .material-design-icon (I’m using custom CSS)

[robcresswell]

I’m going to close this; I’ve changed how titles work as of 5.0.0 and there hasn’t been much activity