Антон Антон

Вызвать на соответствующем элементе с анимацией beginElement()

UPD: скорее всего надо будет заинлайнить svg каким-либо образом.

https://codepen.io/FragsterAt/pen/NPWYpXb

Для клавиатурных сканеров есть рабочее решение https://github.com/FragsterAt/barcode_hid_reader
Отлавливает сканирование НЕ в поле ввода (специально, пусть пользователь вводит руками что нужно, если нужно изменить - то можно по энтеру или блюру анализировать содержимое), в обработчике события сканирования можно со штрихкодом делать что нужно (а можно вообще тупо свой коллбэк передать при инициализации, тогда события не будет, а будет просто вызываться функция).

Проверка тут https://fragsterat.github.io/barcode_hid_reader/te...

По поводу зоопарка сканеров - клавиатурные работают +- одинаково, единственное - при доступе по RDP на медленном канале или совсем старом железе нужно немного увеличить таймаут.

Можно попробовать вернуться к истокам https://codepen.io/FragsterAt/pen/VwJqVbx

а вообще можно выкинуть row и сделать grid https://codepen.io/FragsterAt/pen/xxomQLX

как-то так: https://play.tailwindcss.com/WEGZIVoW3p

Нужно просто обернуть все еще раз.

<div> <!-- Высоту этого дива меняем -->
<div> <!-- Высоту этого дива вычисляем при изменении контента или ширины и используем её для всех аккордеонов рекурсивно -->
content
</div>
</div>

Используй сборщик, который автоматически соберет svg sprite из svg из папки и вставит в html. Для статических страниц подходят способы отсюда: https://telegra.ph/Stack--sprajt-zdorovogo-chelove...
Для всяких spa, собираемых vite и webpack также есть плагины.

markdown + github pages.
Для особо продвинутых можно намутить сверху что-то типа https://vuepress.vuejs.org/

Надо использовать не анимацию, а просто состояния с переходами:
https://codepen.io/FragsterAt/pen/xxBLPEz

Это называется svg sprite, надо просто дергать не через тег i, а через svg use:
https://siteok.org/blog/html/svg-sprajty

Для получения спрайта из файлов и даже встраивания в html есть куча готовых инструментов, встраивающихся в конвеер сборки, какой использовать - зависит от того, что вы используете, gulp, webpack, vite или что-то еще.

Лично я использую https://github.com/meowtec/vite-plugin-svg-sprite так как делаю приложения с использованием vue, по ссылке выше есть вариант для gulp.

https://developer.mozilla.org/en-US/docs/Web/CSS/w...