ну стараюсь, а там уже посмотрим)))

Поковырял. Выглядит классно. Работает через отрицательный margin. Даже не догадывался, что можно создавать такие движения, словно волны.
Проблема в том, что это работает через margin. Анимация этого свойства вызывает перерисовку макета, что бьёт по производительности. На компьютере лага нет, но на телефоне есть, и ощутимый.
Потому, к сожалению, не подходит.

Нашёл другое решение, через JS. Оптимизация кода заняло много времени, но производительность выросла, лаги пропали. Ключевым оказалось асинхронное (одновременное) изменение отступа transform: в цикле все действия обернул в timeout с нулевой задержкой.

если flex элементу задать position:absolute то он выпадет из списка?

Да

Не важно какой блок, позишион вырывает

1) на каком количестве элементов ты проверял что у тебя были лаги с моим решением?
2) твое решение без лагов на таком же количестве элементов?
3) есть ли ограничение на количество. ибо в изначальных сообщениях было 100+ но не верхней границы не указано. это может быть и милиард?

сяп

Всем привет, почему видео в тегэ  video может быть просто черным квадратом?

Например видео о квадрате малевича
Или не загрузилось

автор видео Малевич?

Много причин, покажите лучше как у Вас там прописан код относящейся к видео.

<video src={https://stranger-go.com/${i.file_attachment}} />

А почему у Вас написано src={...} ? С '{' и '}' ?

я хз, кавычки удаляются в телеге)
Или в чем вопрос?

Вот так вот в коде

Элемент себя ведёт как при :active, но фактически бордер у чекбокса и галка не появляются в инспекторе элемента в хроме.
Бага? Сталкивался ли кто?

upd
Перепутал active и focus)

Думаю что скорее фигурные скобки там не должны быть.

src="link"