Tooltip [object Object] when cursor hover to tab

[Arttse]

---

Hyper 2.0.0 (stable)
hyper-tabs-enhanced 0.4.2
Linux Ubuntu 16.04

[JJJ]

                           Still happening --^ 😅

I've kinda tracked it down:

hyper-tabs-enhanced/index.js

Lines 304 to 331 in b6bf3bc

	// Current process icon
	const getIcon = (title) => {
	const process = title.match(/(?:[\s]+|^)(gulp|php|node|npm|yarn|vim|nvim|python|mysql)(?:[\s]+|\d+$)/i);
	return process ? process[0].trim().toLowerCase() : 'shell';
	};
	// Tab process icons
	exports.decorateTab = (Tab, { React }) => {
	return class extends Tab {
	render() {
	const icon = getIcon(this.props.text);
	this.props.text = React.createElement('span', { className: `tab_process process_${icon}` }, this.props.text);
	return React.createElement(Tab, Object.assign({}, this.props, {}));
	}
	}
	};
	exports.decorateTabs = (Tabs, { React }) => {
	return class extends Tabs {
	render() {
	if (this.props.tabs.length === 1 && typeof this.props.tabs[0].title === 'string') {
	const icon = getIcon(this.props.tabs[0].title);
	this.props.tabs[0].title = React.createElement('span', { className: `tab_process process_${icon}` }, this.props.tabs[0].title);
	}
	return React.createElement(Tabs, Object.assign({}, this.props, {}));
	}
	}
	};

1. Tab.title is the string used to source the icon
2. this.props.tabs[0].title is updated to contain a <span> element as the icon, which is technically an invalid use of the title attribute
3. It appears that title attribute & text are setup to react to one another