Richtige Tabbing zu interaktiven Elementen in Firefox auf macOS

Vor kurzem habe ich in Firefox auf MacOS auf ein frustrierendes Fokus -Problem gestoßen. Ein Benutzer meldete ein unerwartetes Schriftrollenverhalten beim Tabellen durch eine Codepen -Einbettung - die Seite würde nach oben springen! Als ich dies untersuchte, entdeckte ich einige bizarre Tabellenkonsistenzen.

Meine ersten Tests zeigten ein unregelmäßiges Fokusverhalten: Einige Elemente waren Tabbier, andere nicht. Unglaublich waren Links (Tags) manchmal über den Registerkartenschlüssel unzugänglich. Dies schien grundlegend falsch.

Nach einigen Forschungs- und Community -Anfragen entstand der Schuldige: eine Präferenz des MacOS -Systems, die die Registerkarte von Firefox beeinflusst. Das Aktivieren dieser Präferenz (und dem Neustart von Firefox) hat das Problem gelöst, wodurch erwartete Elemente wie Links tabbable gestaltet wurden.

Der ursprüngliche Fehler mit Scroll-to-Top-Fehler stammt aus einer Link "Iframe" in der CodePen-Einbettung. Dieser Link, der das Iframe umgeht, erschien nur, wenn es fokussiert ist. Mein anfänglicher (und zugegebenermaßen ungeschickter) Versuch, es mit position: absolute; top: -9999px; left: -9999px ließ Firefox die Seite nach oben springen, obwohl der Fokusstil das Element neu positionierte. Dies scheint eine Rassenbedingung innerhalb von Firefox zu sein.

Ich habe diese Methode durch eine robustere und zugängliche Verstecktechnik ersetzt. Ich fand es auch unlogisch, dass Firefox die Bildlaufposition der übergeordneten Seite beeinflussen würde, wenn sich der problematische Verknüpfung in einem Iframe befand. Die aktualisierte Lösung befasst sich ebenfalls.

Das obige ist der detaillierte Inhalt vonRichtige Tabbing zu interaktiven Elementen in Firefox auf macOS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!