JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true" style="width: 100px; height: 100px; border: 1px solid black;">some text</div>

JavaScript

$(function() {
		var editable = $('[contenteditable]');
		var event, initial = true;
		editable.on('click', function(e) {
			event = e;
			console.log('writing event', event);
			
			if (initial) {
				initial = false;
				editable.blur();
				setTimeout(function() {
					console.log('trigger click');
					editable.trigger(e);
				}, 3000);
			}
		});
	});