JSFiddle - React, Tailwind, and code Playground

by Ryan Jentzsch

HTML

<textarea id="ta" style="width: 200px;"></textarea>

JavaScript

var fnCallback = function (mutations) 
{
    mutations.forEach(function (mutation) 
    {
        if (mutation.type === 'attributes') {
        	var target = mutation.target;
          console.log(target.style.width);
          if (parseFloat(target.style.width) > 300) {
        		target.style.backgroundColor ="blue";
          }
        }
    });
};


var observer = new MutationObserver(fnCallback);
var elTarget = document.querySelector("#ta");
var objConfig = 
	{
  	childList: true,
    subtree : true,
    attributes: true,
    attributeFilter: ['style'],
    characterData : false
  };

observer.observe(elTarget, objConfig);