File "header-cart.js"

Full Path: /home/warrior1/public_html/themes/storefront/assets/js/woocommerce/header-cart.js
File size: 1.03 KB
MIME-type: text/plain
Charset: utf-8

/**
 * Makes the header cart content scrollable if the height of the dropdown exceeds the window height.
 * Mouseover is used as items can be added to the cart via ajax and we'll need to recheck.
 */
( function () {
	if (
		document.body.classList.contains( 'woocommerce-cart' ) ||
		document.body.classList.contains( 'woocommerce-checkout' ) ||
		window.innerWidth < 768 ||
		! document.getElementById( 'site-header-cart' )
	) {
		return;
	}

	// eslint-disable-next-line @wordpress/no-global-event-listener
	window.addEventListener( 'load', function () {
		const cart = document.querySelector( '.site-header-cart' );

		cart.addEventListener( 'mouseover', function () {
			const windowHeight = window.outerHeight,
				cartBottomPos =
					this.querySelector(
						'.widget_shopping_cart_content'
					).getBoundingClientRect().bottom + this.offsetHeight,
				cartList = this.querySelector( '.cart_list' );

			if ( cartBottomPos > windowHeight ) {
				cartList.style.maxHeight = '15em';
				cartList.style.overflowY = 'auto';
			}
		} );
	} );
} )();