JSFiddle - React, Tailwind, and code Playground

JavaScript

// I'm Not sure if this is a valid fix or not but this works in IE9, Firefox 18, Chrome 24, and Safari 5
$.fn.extend({
			
	scrollParent: function() {
		var scrollParent;
		scrollParent = this.parents().filter(function() {
			return (/(auto|scroll|hidden)/).test($.css(this,'overflow')+$.css(this,'overflow-y')+$.css(this,'overflow-x'));
		}).eq(0);
		
		/*// This is my test to see what the parent was being returned.
		test_s = (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent
        alert(test_s[0]);
		//*/
		return (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent;
	}
	
});