@ritterim/platform-ui/src/js/forms.js

A CSS framework used by Ritter Insurance Marketing (RIM) for our platform of agent tools.

let editReadonly = document.querySelector('.js-edit-readonly');
let editTextarea = document.querySelector('.js-edit-textarea');

if(editReadonly && editTextarea) {
  editReadonly.addEventListener('click', e => {
    e.preventDefault();
    document.querySelector('.readonly').removeAttribute('readonly');
    document.querySelector('.readonly').focus();
  });

  editTextarea.addEventListener('click', e => {
    e.preventDefault();
    document.querySelector('.js-textarea').removeAttribute('readonly');
    document.querySelector('.js-textarea').focus();
  });
}