Skip to content

Cannot read property 'style' of null #40

Description

@Fr1ar

On closing the fullscreen a JavaScript error is thrown, caused by the empty variable this._fullScreenElement.

User agents:
Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.137 YaBrowser/17.4.1.1026 Yowser/2.5 Safari/537.36

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 Safari/537.36 OPR/36.0.2130.80
Call stack:

Uncaught Error: Cannot read property 'style' of null
at _revertStyles
at _fullScreenChange
at map
at handlers
at add

Problem method:

_revertStyles: function() {
	var $elem = $(this._fullScreenElement);
	for (var property in this.__options.styles) {
                // ############## this._fullScreenElement IS NULL HERE ###################
		this._fullScreenElement.style[property] = this.__savedStyles[property];
	}
	if ($elem.is('body')) {
		// in order to manipulate scrollbar of BODY in Chrome/OPR
		// you have to change 'overflow' property HTML element
		document.documentElement.style.overflow = this.__savedStyles.overflow;
	}
	if (this.__options.toggleClass) {
		$elem.removeClass(this.__options.toggleClass);
	}
}

We're using jquery.fullscreen.min.js 0.6.0 and jQuery 3.2.1

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions