<div class="menu-item" tabindex="-1">
<div class="menu-item-toggle">Menu item</div>
<div class="menu-item-list">
<div class="menu-item">sub item</div>
<div class="menu-item">sub item</div>
<div class="menu-item">sub item</div>
<div class="menu-item">sub item</div>
</div>
</div>
.menu-item:not(:focus-within) .menu-item-list {
display: none;
}
new HTMLWebpackPlugin({
template: './react/src/app/index.html'
})
window.addEventListener('online', updateOnlineStatus);
window.addEventListener('offline', updateOnlineStatus);
function updateOnlineStatus(event) {
var condition = navigator.onLine ? "online" : "offline";
document.body.className = condition;
}
async function isOnline() {
try {
await fetch("https://google.com");
return true;
}
return false;
}