Boşuna uğraşmışsın, gönderdiğim linke bakmadın mı

Böyle durumlarda hangi dil olursa olsun benim yaptığım şey her satırdan sonra kodların benim istediğim şeyleri yapıp yapmadığını kontrol etmektir. Mesela bir satırda bir değişkene bir değer mi atadım, hemen o satırdan sonra console a o değer gerçekten istediğim şekilde atanmış mı diye bir çıktı alır ve kontrol ederim.

Böyle bir şey deneyin

$html = [];
foreach ($rows as $key => $value) {
    $html[] = "<div class='box' data-id='{$value["id"]}'>{$value["text1"]}</div>";
}

echo json_encode($html);

$.ajax('ajax.php', {
                method: "POST",
                data: {
                    load: true
                },
                dataType: "json"
            }).then(response => {
                Object.values(response).forEach(value => {
                    document.querySelector(".container").insertAdjacentHTML("afterend", value)
                })
            })

Cumadan sonra bu konu üzerinde biraz düşünebilirim. Anladığım kadarıyla sayfanın sonuna gelindiğinde sunucudan daha fazla veri yüklemek istiyorsunuz

Asıl soru şu, ne yapmak istiyorsunuz?

Gayet normal, string veriyi json yapmanın yanında ekrana gelen yazınca tag leri zaten algılar HTML

overflow-y: auto; denediniz mi?

.htaccess dosyası ile
htaccess rewriterule diye aratırsanız istediğiniz sonuçlara ulaşabilirsiniz

Soruya yanıt vermek istemiştim ama olayın gerçekten bir input u seçememe olayı olduğuna inanmak istemedim bir an.

+$("input[id^='um-']").val()

https://stackoverflow.com/a/44063445/12325488