JSFiddle - React, Tailwind, and code Playground
HTML
<textarea></textarea>
CSS
textarea{
width:300px;
height:300px;
}
.popup{
position:absolute;
border:1px solid gray;
}
JavaScript
$(function() {
var $popup = $('<select/>', {
'html': 'popup'
})
.addClass('popup')
.appendTo('body')
.append($('<option/>').html('lala'),
$('<option/>').html('blabla'))
.change(function() {
$(this).fadeOut();
})
.hide();
$('textarea').click(function(ev) {
if ($popup.is(':visible')) {
$popup.fadeOut();
} else {
$popup.css({
'left': ev.pageX + 10,
'top': ev.pageY - 10
});
$popup.fadeIn();
}
});
});