Foam Fire Extinguishers are an essential safety tool for combating fires caused by flammable liquids and solids. Available at Urban Tex Enterprises, these extinguishers are designed to effectively smother flames by forming a blanket over the fire, cutting off its oxygen supply. Foam Fire Extinguishers are easy to operate, making them ideal for use in homes, offices, and industrial settings. Their versatility and effectiveness in tackling Class A and B fires make them a top choice for comprehensive fire safety.
document.addEventListener('DOMContentLoaded', function () {
const menuSelector =
'.header-navigation nav.navbar-nav, #main-header .navbar-nav';
const margin = 15;
function adjustSubmenu(li) {
if (window.innerWidth < 992) return;
const submenu = Array.from(li.children).find(
el => el.tagName === 'UL'
);
if (!submenu) return;
// Ignore first dropdown; adjust nested levels only
const parentUl = li.parentElement;
if (!parentUl || parentUl.matches(menuSelector)) return;
submenu.classList.remove('urbatex-flip-left');
// Measure even when the submenu is not currently visible
const previous = {
display: submenu.style.display,
visibility: submenu.style.visibility
};
submenu.style.display = 'grid';
submenu.style.visibility = 'hidden';
const parentRect = li.getBoundingClientRect();
const width = submenu.getBoundingClientRect().width;
if (parentRect.right + width > window.innerWidth - margin) {
submenu.classList.add('urbatex-flip-left');
}
submenu.style.display = previous.display;
submenu.style.visibility = previous.visibility;
}
document.querySelectorAll(menuSelector).forEach(menu => {
menu.addEventListener('pointerover', function (event) {
if (window.innerWidth < 992) return;
const li = event.target.closest('li');
if (li && menu.contains(li)) {
adjustSubmenu(li);
}
});
menu.addEventListener('focusin', function (event) {
const li = event.target.closest('li');
if (li && menu.contains(li)) {
adjustSubmenu(li);
}
});
});
window.addEventListener('resize', function () {
document.querySelectorAll('.urbatex-flip-left')
.forEach(el => el.classList.remove('urbatex-flip-left'));
});
});
