checkbox.addEventListener('change', myChangeHandler)
const myChangeHandler = () => targetBlock.classList.Toggle('active')
<td class="ellipsis"><span>длинный текст который нужно обрезать</span></td>
.ellipsis {
position: relative;
}
.ellipsis:before {
content: ' ';
visibility: hidden;
}
.ellipsis span {
position: absolute;
left: 0;
right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
чтобы когда пользователь с клавиатуры открывает меню, его фокус сразу перемещался на его первый елемент?Да, отличный план. Также почитайте про tabindex.
по крайней мере по принципа вложения блока в ссылку
<p>
например, нельзя.<meta itemprop="name" content="Home">