Firefoxilla ongelma sivun alas vierittämisessä

[ajrajala]

Mikä vikana?

Huomasin asiakkaan Maksut-sivulla Maksa maksuja -välilehdellä, että sivun alas vierittäminen ei onnistu (ainakaan) Firefox 115.12.0esr -versiolla. Esimerkkitapauksella https://vaski-next.koha-suomi.fi/cgi-bin/koha/members/pay.pl?borrowernumber=307898 on maksamattomia maksuja siis sen verran, etteivät maksut mahdu näytölle kerralla.

Avasin saman sivun Chromella ja sillä ongelmaa ei ole. Roosalla käytössä on Firefoxista versio 102.8.0esr ja myöskään sillä ongelma ei toistu, Mikolla sen sijaan sama versio kuin minulla ja ongelma toistuu.

Selaimen Tarkastele-toiminnon käyttöön ottamalla sivun vierittäminen korjaantuu, jos sillä on mitään merkitystä selvittelyn kannalta.

Mitä pitäisi tapahtua

No response

Kuinka toistaa ongelma/asia

No response

Jotain muuta?

No response

Asiasanat/tagit

No response

[AnneliO]

Miten se siis esiintyy, että vierittäminen ei onnistu? Jos on rullahiiri, niin silläkäänkö ei saa rullattua ruutua alaspäin?

Itselläni on normi-Firefoxin versio 128.0 (64-bittinen) ja siinäkin vieritys toimii normaalisti.

[ajrajala]

Eli rullahiirellä tai sivupalkkia hiirellä vetämällä ei saa siirryttyä sivun loppuun, vierityspalkki ikään kuin vilahtaa pikaisesti pohjalla ja keltaiset "Maksa valitut" ym painikkeet vilahtaa näkyvissä, mutta sen jälkeen vierityspalkki pomppaa aina takaisin ylemmäs. Eli käytännössä en pääse näkemään mitään mikä on Yhteensä-rivin alapuolella tuolla sivulla.

Muilla sivuilla en huomannut ongelmaa, esim. jos asiakkaalla on paljon lainoja niin sivun loppuun pääsee kyllä ihan nätisti.

[AnneliO]

Jännää! Näkyykö selaimen tarkastele-toiminnolla Konsoli-välilehdellä mitään virheilmoituksia?

[ajrajala]

Hyvä kysymys, sielläpä näkyy itse asiassa scrollaukseen liittyviä varoituksia:

[emta001]

Sain saman toistettua omilla testeillä asiakkaan lainahistoriassa. Sama virhe tulee konsoliin, tosin sen avaamisen jälkeen rullaus rupes toimimaan.

[johannaraisa]

Vaikuttaisi siltä, ettei se Firefoxin "scroll anchor"-ominaisuus nyt pysy perässä isojen listojen kanssa. Tämän kanssa voisi kokeilla, että jos noiden listojen css-elementtiin saisi lisättyä tällaisen:

overflow-anchor: none;

[AnneliO]

Sain tämän toistettua nyt omalla koneellani Hankinnassa ollessani tilauskorin tiedoissa. Tilauskorissa oli kolme tietuetta, kaksi aktiivista ja yksi poistettu. En päässyt rullaamaan sivun alareunaan nähdäkseni sen yhden peruutetun tiedot kokonaan.

[johannaraisa]

En osaa sanoa onko tuo edes hyödyllinen ominaisuus Kohan kanssa. Tässä linkki aiheeseen, https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor/Guide_to_scroll_anchoring

Onko sellaisia tapauksia, että selaimen pitäisi muistaa se kohta missä oltiin scrollaamassa? Muuten tuon koko jutun voisi laittaa body-elementtiin, vaikuttaa sitten koko sivuun.

[ajrajala]

Ei oikein Vaskissa keksitty tapauksia, joissa pitäisi muistaa. Mietittiin myös, että jos nyt jollain sivulla kävisi noin, niin silloin voi kuitenkin skrollata takaisin siihen kohtaan jossa oli, mikä on huomattavasti pienempi paha kuin se ettei jossakin toisaalla pääse ollenkaan sivun pohjalle.

[johannaraisa]

Tätä pitää varmaan kokeilla nextillä, minä en ole saanut vielä toistettua.

[johannaraisa]

Nyt tiedän mikä tuossa on ongelmana, sivun ala laitaan ilmestyy nuoli millä pääsee takaisin ylös. Taulukko avautuu juuri sen verran, että tuon elementin ilmestyminen rikkoo vierityksen. Kyseiselle elementille on varmaan määritelty, että kun ollaan tietyssä vaiheessa sivua, niin se näytetään.

[johannaraisa]

Lisäsin Vaskille intranetusercss-asetukseen seuraavan:

#backtotop { position: sticky; left: calc(95% + 40px); }

Ongelma on, että tuolle backtotop-elementille on määritelty position:fixed; mikä saa selaimen nappaamaan elementtiin kiinni vieritystä tehdessä. Tämä on selitetty täällä, https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html

Tuosta voisi tehdä tiketin yhteisöön, testaaminen on sitten hieman vaikeampaa.

[johannaraisa]

Kokeilkaa muutkin, tuleeko vielä tätä Vaskissa.

[iinaniemi]

Vaski-nextillä edelleenkään ei pääse scrollailemaan sivun loppuun esim tuolla Annin esimerkin maksut-sivulla.

[AnneliO]

Vaski-nextillä edelleenkään ei pääse scrollailemaan sivun loppuun esim tuolla Annin esimerkin maksut-sivulla.

Hmm.. mulla se onnistuu. 🤔

[johannaraisa]

Voisko olla välimuistijuttu, ctrl+f5?

[iinaniemi]

Näyttää toimivan hieman vaihtelevasti. Ensin kun menin sivulle, se päästi alas asti pientä nykimistä lukuun ottamatta. Sitten tein ctrl+f5 eikä se päästänyt alas enää ollenkaan. Jokusen kerran kokeilin päivittää sivua ja välillä se näyttää toimivan ja välillä ei. Kävi monesti niin, että ensin rullaus näyttää toimivan, mutta yhtäkkiä se päättää, ettei päästäkään enää alas saakka.

[johannaraisa]

Jostain syystä tuota css-riviä ei ollut enää nextillä, lisäsin sen uudestaan. Nyt voisi kokeilla taas.

[iinaniemi]

Nyt näyttää toimivan!

[ajrajala]

Sain ongelman edelleen toistumaan tällä sivulla. Tuolla asiakkaan maksuissa ongelma ei enää toistu. Onko tuossa css:ssä vielä jotain säätömahdollisuutta johonkin suuntaan, jolla ongelman saisi paremmin taklattua?

[ajrajala]

Sellainen lisähavainto äskeiseen liittyen, että jos vaihdan näytettävien niteiden määrää valikosta joksikin muuksi kuin "20", sivun saa vieritettyä alas ongelmitta. Heti kun vaihdan takaisin 20, ongelma ilmaantuu.