Mobile'de form input basinca focus olmasini nasil saglariz ?

Merhaba Beyler,

Tom Select javascript kutuphanasini kullaniyorum. Select2 gibi benzeri bisey. Ben bazen mobile'de form input basinca focus olmuyor. bazende focus oluyor. devamli focus olmasini istiyorum.

tomselect ile gelen focus() methodunu denedim. daha once buna benzer bir sorun yasamistim. focus olmuyordu input basinca. bir yerden okudum daha sonra input fontlarinin boyutlari en az 16px olmasi lazim mis. 16px yapmistim ve sorun cozulmustu. bu sefer 16px yapmama ragment focus olmuyor.

https://pyroautotransport.com/checko...1-8f0ae69dba57

Yukaridaki linke mobile'den girip Vehicle denen sekmedeki kalem icon'a basinca arabanin yilini goreceksiniz. 2023 kutusunu tikladiginizda mobile'de ekrani otomotik scrool yapip ortalamasi lazim. bu nasil apiliyor?


ornegin mobile'de sayfayi asagiya kaydirip posta kodu edit icon'una basinca otomotik sayfayi focus ( ortaliyor ).

Tam neyden bahsettiğinizi anlamadım fakat focus'tan kastınız sayfada ortalanması ise şöyle bir yaklaşım sergileyebilirsiniz,

...
<input id="test-inp">
...

Bu input'a focus'lanıldığında eğer sayfada ortalanmasını istiyorsam, javascript'i kullanarak şöyle bir event ekleyerek bunu yapabilirim.

const inpEl = document.querySelector("#test-inp");

inpEl.addEventListener("focus", (e) => {
    inpEl.scrollIntoView({ block: "center" });
});

Tam anlamamakla beraber anlatmaya çalıştığım şey için jsfiddle linki de ekleyeyim.

https://jsfiddle.net/mrLy82sx/19/

Simdi Iki tane resim paylastim. bazen cok nadir 2023 input kutusuna bastim mi 2.resim gibi ortaliyor. (cok nadir)
Cogunlukla 2023 sekmesine basinca scrool posisyonu nerede ise ekran orda kaliyor. focus olmuyor yani

Gösterdiğiniz şeyi gönderdiğim jsfiddle yapıyor olmalı.

Simdi test yapiyorum. eger sayfayi yenileyip sayfayi sagiya yada yukariya scroll yaptiktan sonra vehicle edit icon basip focus yapiyor. focus bir tek pop up acildiktan sonra scrool yapilinca ve sonrasinda yil sekmesini basinca focus olmuyor. bir seyler cakisiyor yani.

Belki popup css position: absolute degerinden dolayi olabilir.