1.10.1 — a csúszkák megfoghatósága
Mi volt a baj
Mindhárom csúszkánál maga a vékony vonal volt a fogható terület: a kiemelt panelé 5 képpont, az alsó sávé és a hangerőé 4 képpont magas. Ujjal ezt eltalálni gyakorlatilag lehetetlen volt.
Ez elnézés volt, nem szándék: hiányzott a ::-webkit-slider-runnable-track szabály, ezért a látható vonal maga az input doboza volt — és a doboz a hit-terület.
Mi változott
A vékony vonal átkerült a track pszeudo-elemre, tehát a látvány pontosan ugyanaz, de a fogható sáv magas lett:
| Eddig | Egérrel | Érintéssel | |
|---|---|---|---|
| Kiemelt panel csúszkája | 5 px | 28 px | 44 px |
| Alsó sáv csúszkája | 4 px | 26 px | 40 px |
| Hangerő | 4 px | 26 px | 40 px |
A 44 képpont az ajánlott minimum érintőcélpont. Ez nem képernyőméret szerint dől el, hanem beviteli mód szerint (pointer: coarse) — egy fekvő tablet is megkapja, pedig széles.
Ezen kívül:
- A csúszka húzása többé nem görgeti az oldalt telefonon (
touch-action). Eddig egy vízszintes húzás könnyen függőleges görgetésbe csúszott át. - A hangerő 80 → 110 képpont széles, tehát egy adott szint beállítása kevesebb pontosságot kíván.
- A csúszkagomb 15 → 16 képpont, érintésnél 20.
- A fejezetjelölők pontosan a vonal közepére kerültek — a csúszka sorbeli elhelyezése miatt volt egy pár képpontos elcsúszás.
- Billentyűzettel fókuszálva mostantól látszik a fókuszkeret.
Ellenőrizve
Böngészőben megmérve: 28 / 26 / 26 képpont egérrel, 44 / 40 érintésre, és a jelölők középvonala képpontra egyezik a csúszkáéval.
Frissítés
Bővítmények → Lejátszási Lista Player → Frissítés, majd Ctrl+F5.