[Tooltip] Improve title node support

Expected Behavior 🤔

‘title’ property of Tooltip to be of a node type according to https://material-ui.com/api/tooltip/

Current Behavior 😯

‘title’ property of Tooltip is of a string type because title prop of the Tooltip is just simply moved to be a title attribute of html element which is a String.

Steps to Reproduce 🕹

just look at the Elements tab of a chrome dev tools. In my case it is just a H1 element with a title attribute. So I can’t use any formatting there. My <div> is just shown as <div> rather than used as a node element.

[oliviertassinari]

So do we actually need to add a prop or can we simply change how we “delete” the title property of the Tooltip children?

@eps1lon I think that we can just add a new demo. I would wait for a strong case for changing the current implementation.

[eps1lon]

@eps1lon The title property is primarily here for the SEO. We remove the attribute from the DOM node as soon as the user interacts with the wrapped element. The accessibility is handle with the aria described by.

I understand that. Do you have some ressources on SEO and accessiblity? I would hope that good accesiblity would imply good SEO but wouldn’t be surprise if title and aria-described-by are differently handled.

So do we actually need to add a prop or can we simply change how we “delete” the title property of the Tooltip children?