Joshua Comeau joshwcomeau

Software developer. Makes stuff.

joshwcomeau / find-elem-with-breakout-width.js

Created November 3, 2021 20:06 — forked from SSHari/find-elem-with-breakout-width.js

Paste this in your browser console to search for HTML elements which extend past the window's width and create a horizontal scrollbar.

	function findBreakoutElem(rootElem = document.body) {
	function checkElemWidth(elem) {
	if (elem.clientWidth > window.outerWidth) {
	console.log("The following element has a larger width than the window's outer width");
	console.log(elem);
	console.log('<-------------------------------------------------------------------->');
	} else if (elem.scrollWidth > window.outerWidth) {
	console.log("The following element has a larger width than the window's scroll width");
	console.log(elem);
	console.log('<-------------------------------------------------------------------->');