Обнаружение фокуса Ctrl-F в CSS ⇐ Html

[Anonymous]

Я работаю над приложением, которое будет возвращать некоторые результаты в виде огромной таблицы HTML. Чтобы текст не изменял размеры строк и столбцов за сотни ячеек, любое содержимое ячеек, длина которого превышает определенную длину, скрывается до тех пор, пока не будет выполнен щелчок, путем заключения в этот HTML-код:

Код: Выделить всё

/* With corresponding CSS: */
.hidden {
display: block;
height: 0;
width: 0;
overflow: hidden;
}
label.showlong:has(input:checked) ~ .hidden {
display: inline;
}

Код: Выделить всё

Show long text? 
{text}

Установка высоты и ширины на 0 и скрытие переполнения означает, что этот контент по-прежнему можно найти с помощью Ctrl-F, но на самом деле он не появится, пока пользователь не установит флажок.
В целом, это работает нормально. Но когда пользователь ищет какой-то скрытый текст, я бы хотел выделить соответствующую ячейку, чтобы он знал, на что именно ему следует щелкнуть.
Селектор :focus-within кажется идеальным для этого, но он не распознает «фокус», помещенный на текст во время поиска. Есть ли способ обнаружить этот другой «фокус» в CSS или JavaScript?

Подробнее здесь: https://stackoverflow.com/questions/794 ... cus-in-css