Tiirafoorumi

jtp kirjoitti: 06 Huhti 2026, 19:20 Minua nuo häviävät sekä klikkausta vaativat piilotetut lomakentät vain hämmentävät. Tilansäästö pystysuunnassa pienellä laitteella ei ole välttämätöntä, koska kaikki laitteiden käyttäjät vauvasta vaariin ovat tottuneet skrollaamaan sujuvasti ylhäältä alas joko sormella tai hiirellä.

uusiTiirassa minua häiritsee, kun useassa kohdassa ohjelma automaattisesti fokusoituu johonkin ohjelmoijan päättämään lomakekentään. Tästä on se haitta, että samalla puhelimen virtuaalinen näppäimistö pläjähtää päin pläsiä (pläsi = ark. naama, kasvot) vieden samalla runsaasti tilaa puhelimen näytöltä. Olisi helpompi ensin nähdä kaikki kentät kokonaisuutena ja itse sitten sormella painaa haluttua kohtaa, jolloin näppäimistö vasta ilmestyisi näytölle.

Autofocus-attribuutti (joka siirtää tekstikohdistimen automaattisesti tiettyyn lomakekenttään sivun latautuessa) aiheuttaa mobiililaitteilla täysin erilaisen – ja usein paljon ärsyttävämmän – käyttökokemuksen kuin tietokoneella.

Suurin syy eroon piilee käyttöliittymässä ja ruudun koossa. Tässä ovat keskeisimmät syyt, miksi automaattinen kohdistus on mobiilissa usein haitallista:

1. Näppäimistön ponnahtaminen (Keyboard Hijack)

• Mobiilissa: Kun lomakekenttä saa kohdistuksen (focus), mobiililaite olettaa, että käyttäjä haluaa kirjoittaa heti, ja automaattisesti avaa virtuaalinäppäimistön. Tämä näppäimistö peittää usein 40–50 % ruudun koko alasta. Käyttäjä saattaa menettää näkyvyyden sivun otsikkoon, kontekstiin tai muihin tärkeisiin tietoihin ennen kuin hän ehtii edes tajuta, missä on.
• Työpöydällä: Tietokoneella on fyysinen näppäimistö. Kohdistus vain aktivoi kentän (vilkkuva kursori), mutta ruudulta ei katoa mitään näkyvistä.

2. Ruudun automaattinen skrollaus (Skrollauskaaos)

• Mobiilissa: Koska mobiiliruutu on pieni, autofocus pakottaa selaimen skrollaamaan (vierittämään) sivun suoraan kyseisen kentän kohdalle. Jos kenttä on yhtään alempana sivulla, käyttäjä missaa kaiken sen yläpuolella olevan sisällön ja saattaa hämästyä siitä, mihin kohtaan sivua päätyi.
• Työpöydällä: Isolla näytöllä koko lomake tai sivu mahtuu usein kerralla ruudulle, joten näkymä ei hypi hallitsemattomasti.

3. Peruuttaminen on mobiilissa työlästä

• Mobiilissa: Jos käyttäjä ei halunnutkaan täyttää kenttää heti (vaan esimerkiksi lukea sivun ohjeet ensin), hänen täytyy erikseen napauttaa näppäimistö piiloon tai klikata muualle ruutua peruuttaakseen tilanteen. Pienellä ruudulla huti-infot ovat yleisiä.
• Työpöydällä: Käyttäjä voi vain katsoa muualle ruutua tai käyttää hiirtä vapaasti ilman, että hänen täytyy "sulkea" mitään käyttöliittymän osaa.

Milloin se on sallittua? (Poikkeus sääntöön)

autofocus ei ole aina syntiä mobiilissakaan, jos sivun ainoa ja ilmeinen tarkoitus on kirjoittaminen.

Hyvä käyttökohde: Googlen hakusivu (google.com) tai erillinen kirjautumissivu, jossa ei ole muuta sisältöä. Kun käyttäjä menee hakukoneeseen, hän odottaa pääsevänsä kirjoittamaan heti, jolloin näppäimistön avautuminen on palvelus eikä häiriö.

Saavutettavuusvinkki (Screen Readers)

Ruudunlukuohjelmia käyttäville (esim. näkövammaisille) autofocus on haastava laitteesta riippumatta. Kun sivu latautuu ja hyppää suoraan keskelle lomaketta, ruudunlukuohjelma alkaa lukea kyseistä kenttää, ja käyttäjältä jää kuulematta sivun pääotsikko ja konteksti. Siksi sitä kannattaa käyttää säästeliäästi.

TuijaPalonen kirjoitti: 06 Kesä 2026, 11:03 2. Selaimen refresh-toimintoa ei ole disabloitu havaintolomakkeella. Vahingossa tehty alaspäin pyyhkäisy päivittää lomakkeen (hitaasti) mutta ei onneksi hukkaa tietoja.

html, body {
  /* Estää pull-to-refreshin */
  overscroll-behavior-y: none; 
  /* Varmistaa, että skrollaus pysyy hallitusti viewportin sisällä */
  height: 100%; 
}