iOS 26 tweakers logo ontbreekt

[chris1508]

Vermeld de URL waar het probleem zich bevindt
Tweakers.net

Geef aan welke stappen je uitvoert om het probleem te kunnen reproduceren
Met iOS 26 en Safari naar de hoofdpagina toe te gaan

Beschrijf wat je zou verwachten als het probleem zich niet voordeed

Dat ik gewoon op het logo kon klikken om naar de frontpage toe te gaan

Indien relevant, voeg een screenshot toe


Vermeld welk apparaat en browser je gebruikt
iPhone 13 iOS 26 safari app

[Kees]

Waar haal je iOS 26 vandaan? Die van mij komt niet hoger dan 18.5

[hbsJR]

Kees schreef op woensdag 11 juni 2025 @ 08:56:
Waar haal je iOS 26 vandaan? Die van mij komt niet hoger dan 18.5

Denk dat ie de beta draait: https://beta.apple.com/

[crisp]

Zet sowieso eerst eens de "Ode aan Henk" custom CSS snippet uit om uit te sluiten dat het daar aan ligt.

[chris1508]

Wordt het niet anders van, nog steeds geen logo

[Vliegenier04]

Ik heb het ook, zowel op iOS 26 als iPadOS 26.

[crisp]

Dit lijkt dan op een renderbug in Safari op iOS 26 beta. Het lijkt me zinvol om dit via de Feedback Assistant app te melden. Ik heb zelf geen iPhone of iPad helaas.

[ Voor 14% gewijzigd door crisp op 18-06-2025 12:52 ]

[olympusdenk]

Inmiddels in iOS 26 beta 3 is deze bug nog steeds aanwezig dat het logo in Tweakers.net logo niet rendert. Ik heb (de beta geïnstalleerd hebbend) nog even op aanwijzing een bug report ingezonden bij Apple

[chris1508]

Ik inderdaad ook, elke bèta gedraaid, 3x een bug report ingestuurd maar verder geen reactie mogen ontvangen

[xFeverr]

Ik heb even gekeken op MacOS 26 (waar dit probleem ook speelt) en zo te zien is de width van het `twk-icon` element 0px. Dat is het resultaat van de 100% width die ingesteld staat vanuit de broncode.

Als ik die forceer op een vaste waarde (bijv. width: 8rem;) dan zie ik het logo wel. Dus het logo is wel aanwezig op de pagina.

[Dennisdn]

xFeverr schreef op vrijdag 25 juli 2025 @ 21:22:
Dus het logo is wel aanwezig op de pagina.

Dit klopt, hij is niet zichtbaar maar is "verborgen" wel bruikbaar. Op iOS zit ie dan rechts naast de 3 streepjes verstopt en op iPadOS zit ie links naast de 3 streepjes.

[ Voor 30% gewijzigd door Dennisdn op 26-07-2025 06:53 ]

[chris1508]

Dennisdn schreef op zaterdag 26 juli 2025 @ 06:52:
[...]


Dit klopt, hij is niet zichtbaar maar is "verborgen" wel bruikbaar. Op iOS zit ie dan rechts naast de 3 streepjes verstopt en op iPadOS zit ie links naast de 3 streepjes.

Ja dit kan ik bevestigen

[yefox]

Even als een +1 om dit probleem te bevestigen.

[crisp]

Vandaag wat tijd gevonden om dit te debuggen in BrowserStack die gelukkig ook een MacOS Tahoe instance heeft met de nieuwe Safari beta waar ik dit probleem ook kon reproduceren. Ik heb het op weten te lossen met een gerichte flex-basis hint, welke verder geen negatieve effecten zou mogen hebben in andere browsers. Dit lijkt ook goed te werken op iOS 26

[chris1508]

Top idd! Het logo is weer terug zoals het hoort

[Vliegenier04]

Harstikke bedankt! Logo was wel clickable inderdaad op mijn iPhone 16 Pro maar niks zichtbaar (als in: je kon een empty box aanklikken).

Nu ben ik wel heel nieuwschierig wat de originele code was t.o.v. de fix @crisp

[crisp]

Vliegenier04 schreef op donderdag 31 juli 2025 @ 19:30:
Harstikke bedankt! Logo was wel clickable inderdaad op mijn iPhone 16 Pro maar niks zichtbaar (als in: je kon een empty box aanklikken).

Nu ben ik wel heel nieuwschierig wat de originele code was t.o.v. de fix @crisp

Ik heb eigenlijk alleen een flex-basis: 9.75rem toegevoegd aan de container-div voor het logo. Blijkbaar vind Safari het nodig om die anders te krimpen tot een onzichtbare breedte, terwijl er toch ruimte genoeg is. Pas rond de 340 pixels breedte moet het logo in sommige gevallen iets krimpen om genoeg ruimte te maken voor alle icoontjes in het menu.