Most forms contain both Input and TextArea fields. When tabbing through the fields I realized that the input focus behaves different from the TextArea. Here, try it:



So the TextArea doesn’t select its text. This can be fixed by adding some jQuery:

$(document).on('focus', 'textarea', function (e) {
	var element = $(this)[0];
	
	$(window).one('keyup', function (e) {
		var code = (e.keyCode ? e.keyCode : e.which);
		if (code == 9 && document.activeElement == element ) {
			element.select();
		}
	});
});

It basically detects the a focus on a TextArea and registers a one-time event-handler for a key-up. When the key-up comes in, you’ll need to check for both tab and if the current focused element still equals the TextArea.