[bug] geen focus op pagina; pijltjestoetsen werken niet

[Gluten Parody]

Ik navigeer graag door webpagina's met de pijltjestoetsen en spatiebalk. Sinds Tweakers 7 gaat dat niet meer; ik moet eerst ergens op de pagina klikken om te zorgen dat er focus is. Is dit een bewuste keuze of een bug? Mogelijk is dit al eerder gemeld, maar ik kon het zo gauw niet vinden tussen de al bestaande onderwerpen in Lieve Devvers.

Geconstateerd in Chrome 22.0.1229.94 en Safari 6.0.1 op OS X 10.8. In Firefox doet dit probleem zich gek genoeg niet voor.

[ Voor 15% gewijzigd door Gluten Parody op 02-11-2012 16:59 ]

[MueR]

Met diezelfde Chrome hier geen probleem in Win7. Heb je misschien wat plugins draaien?

[Gluten Parody]

Los van een ad-blocker (en de henk-plugin ) niets, maar ik zal eens gaan testen met die plugins uitgeschakeld.

[jayvol09]

Werkt hier ook gewoon met chrome 12.0.xxx

[NMe]

Je hebt niet toevallig custom CSS draaien om de header te fixen en de content in een scrollable div te zetten? Toen ik dat had, had ik hetzelfde probleem namelijk. Opgelost door de header op een andere manier te fixeren.

[Gluten Parody]

Koekje voor NMe: dat was inderdaad de boosdoener En ik snap weer wat meer van CSS...

Tnx!

[crisp]

Geen bug dus

[NMe]

Als laatste toevoeging dan maar de ranzige manier waarop ik mijn headerbalk fixeer:

Cascading Stylesheet:

/* Header fixeren */
#menubar {
    background: #b1113a; /* Old browsers */
    background: -moz-linear-gradient(top,  #b1113a 0%, #b60e39 60%, #262828 60%, #1c1e1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1113a), color-stop(60%,#b60e39), color-stop(60%,#262828), color-stop(100%,#1c1e1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b1113a 0%,#b60e39 60%,#262828 60%,#1c1e1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1113a', endColorstr='#1c1e1e',GradientType=0 ); /* IE6-9 */

    padding-top: 50px;
    position:fixed;
    width: 100%;
    top: 0;
    z-index: 200;
}
.notificationsPopup, .trackerPopup {
    position:fixed;
}
#layout {
    padding-top:83px;
}
#search {
    padding-top:12px;
}
#searchbar {
    margin-top: 0;
    border-radius: 0;
}
#contentArea {
    padding-bottom: 40px;
}
#bottom {
    position: relative;
}
a[name] {
    display:block;
    padding-top:83px;
    margin-top:-83px;
}

Die laatste set rules is om te zorgen dat anchor linkjes netjes uitlijnen als je een link met een #fragment volgt. Werkt helaas alleen voor de ouderwetse <a name="...">, niet voor anchors die op de nieuwerwetse manier met id's werken. Neem ik maar op de koop toe, vooral omdat het op het forum gewoon goed werkt.