using .setActiveArea multiple times

[dagjomar]

after map.setActiveArea({with some css})
the plugin creates a div with the given properties.

If I want to change the active area size later, I wish to just use the same function again, with new css:
map.setActiveArea({new css properties});

however, this creates a new div again, if I am not mistaken. Because:

    setActiveArea: function (css) {
            var container = this.getContainer();
            this._viewport = L.DomUtil.create('div', '');
            container.insertBefore(this._viewport, container.firstChild);

        if (typeof css === 'string') {
            this._viewport.className = css;
        } else {
            L.extend(this._viewport.style, css);
        }
        return this;
    }

If I put in a simple check for already existing viewport, I can avoid this and get the functionality I want:

    setActiveArea: function (css) {
        if( !this._viewport ){
            //Make viewport if not already made
            var container = this.getContainer();
            this._viewport = L.DomUtil.create('div', '');
            container.insertBefore(this._viewport, container.firstChild);
        }

        if (typeof css === 'string') {
            this._viewport.className = css;
        } else {
            L.extend(this._viewport.style, css);
        }
        return this;
    }

Valid feature for merging?

[mcellier]

Yes. Will you make a PR ?

[dagjomar]

Yes, working on it and adding test cases