Një zhvillues zbuloi se portofoli i tij i sapopublikuar nuk shfaqej siç duhej në iPhone: ngarkoheshin pjesa e sipërme dhe rrjeti grafik pas seksionit kryesor, ndërsa pjesa tjetër mbetej bosh. Problemi u shfaq fillimisht në një iPhone 13 Pro Max me versionin më të fundit të iOS, jo në një pajisje të vjetër.
Kalimi nga Safari te Chrome nuk ndryshoi asgjë. Autori e lidh këtë me motorin e përbashkët WebKit të shfletuesve të provuar në iOS. Në telefonin Samsung të një miku dhe në laptopin e tij, faqja funksiononte normalisht. Ndërkohë, testet në BrowserStack nuk e riprodhonin defektin, megjithëse ai shfaqej në çdo iPhone fizik që zhvilluesi arriti të provonte.
Për rreth një javë, ai bëri ndryshime, i publikoi dhe i kontrolloi në telefonin e motrës. Mospërputhja me BrowserStack mbeti pa shpjegim të konfirmuar. Kthesa erdhi kur përdori një aplikacion që ofronte konsolë në telefon dhe kontrolloi gjendjen e faqes.
Përmbajtja ishte e pranishme në DOM, por elementet kishin opacity: 0 dhe prisnin JavaScript për t’u bërë të dukshme. Autori identifikoi si pjesë të problemit efektin e shfaqjes gjatë lëvizjes së faqes, të vendosur rreth çdo seksioni: konfigurimi initial="hidden" e përfshinte padukshmërinë drejtpërdrejt në kodin HTML të gjeneruar nga serveri.
Burimi: DEV Community (Web Dev Feed) — lexoni artikullin e plotë në anglisht.
