JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id='text' style="direction:ltr;"></textarea>

JavaScript

var arabicPattern = /[\u0600-\u06FF]/;

$('#text').bind('input propertychange', function(ev) {

    var text = ev.target.value;
    
    if (arabicPattern.test(text)) {
        // arabic;
        $('#text').css('direction', 'rtl')
        
    }
   
    
});