JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://pcprofil.de/mouseOverTooltip.js"></script>
<div id="test_tooltip_template" style="display: none;">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
    <select style='width: 130px;' class='select_test'>
	    <option val="test">Test</option>
	    <option val="test">Test</option>
    </select>
</div>
<a href="#" class="test_tooltip">Click me</a>

JavaScript

var content = $("#test_tooltip_template").detach().html();
$(".test_tooltip").mouseOverTooltip({
    content: content,
	items: ".test_tooltip",
	closeTimeout: 500,
	close: function( event, ui ) {
		//ui.tooltip.stop();
	}
})
.off("mouseover mouseout")
.on("click", function(){
    $(this).mouseOverTooltip("open");
	return false;
});
/*
this doesn't work:
$(".select_test").on("click", function(ev) {
	ev.stopPropagation()
});
*/