Problém
Na /app/vps/:id/maintenance zůstává přehled sedmi dnů desktopovou pětisloupcovou tabulkou i na úzkém mobilu. Při viewportu 320 px má vnitřní scrollport karty 254 px, ale tabulka 720 px. Volba začátku je už částečně mimo viewport (x 285–356) a volba konce zcela mimo něj (x 479–550). Uživatel musí uvnitř formuláře vodorovně posouvat a není zřejmé, že další ovládací prvky existují.
Běžná Playwright interakce může problém zamaskovat automatickým horizontálním posunem k cílovému prvku.
Očekávané chování
- Pod breakpointem
md se každý den zobrazí jako čitelný skládaný formulář bez vodorovného posunu.
- Den, stav, začátek, konec a souhrn mají na mobilu viditelné popisky.
- Checkbox i obě volby času jsou přímo dosažitelné při 320 px.
- Od breakpointu
md zůstane současná tabulka.
- Mobil a desktop použijí stejnou instanci řádku a stav formuláře.
Ověření
Přidat Playwright regresní test na desktop i mobile-chrome. Mobilní varianta použije 320 × 800 px a před první interakcí ověří nulový horizontální přesah i umístění checkboxu a obou časových polí uvnitř viewportu. Následně upraví pondělí, uloží změnu a ověří přesný PUT payload.
Problém
Na
/app/vps/:id/maintenancezůstává přehled sedmi dnů desktopovou pětisloupcovou tabulkou i na úzkém mobilu. Při viewportu 320 px má vnitřní scrollport karty 254 px, ale tabulka 720 px. Volba začátku je už částečně mimo viewport (x 285–356) a volba konce zcela mimo něj (x 479–550). Uživatel musí uvnitř formuláře vodorovně posouvat a není zřejmé, že další ovládací prvky existují.Běžná Playwright interakce může problém zamaskovat automatickým horizontálním posunem k cílovému prvku.
Očekávané chování
mdse každý den zobrazí jako čitelný skládaný formulář bez vodorovného posunu.mdzůstane současná tabulka.Ověření
Přidat Playwright regresní test na desktop i mobile-chrome. Mobilní varianta použije 320 × 800 px a před první interakcí ověří nulový horizontální přesah i umístění checkboxu a obou časových polí uvnitř viewportu. Následně upraví pondělí, uloží změnu a ověří přesný PUT payload.