the Title input contradicts the HTML global title attribute

[fadisdh]

Describe the bug
ngx-joyride is using the title input for the step title. This contradicts the HTML global title attribute which results in showing a tooltip over the content of the step which can be annoying for large areas.

To Reproduce
Steps to reproduce the behavior:

1. Hover over an element that has a joyrideStep directive. (without the tour guide being active).
2. The browser will show a tooltip for that element.

Expected behavior
Not show the default browser tooltip for the element that uses joyrideStep

Screenshots
If applicable, add screenshots to help explain your problem.

Details:

• Browser: Any

[Dji75]

Just write [title]="'your title'" instead of title="your title"

[bazter]

The problem is in the input name itself, it's a bad decision to name a directive input with standard name like "title". What if I'd like to keep the default title attribute behavior? Author should consider an API change. Use prefixes, just like Angular devs recommend in the docs..

[Dji75]

Totally agree with you, this is just a workaround ;)

[fadisdh]

Thanks @Dji75 for the solution, but as @bazter said its an API design issue.
Also, using [title]="'Some Title'" will not work with internationalization (i18n)

[Ashish117]

@tnicola this is an actual problem!