JSFiddle - React, Tailwind, and code Playground

by Aamir Afridi

HTML

<div id="settings">
<input/><select></select><span>text</span>
</div>

CSS

#settings {
    width: 50%;
    height: 100px;
    border: 5px solid green;
    padding: 10px;
    background: #eee
}

JavaScript

var settings = document.getElementById('settings');
document.onclick = function(e){
    var target = (e && e.target) || (event && event.srcElement);
    var display = 'none';
    
    while (target.parentNode) {
        if (target == settings) {
            display ='block';
            break;
        }
        target = target.parentNode;
    }

    settings.style.display = display;
}