Blaue Linie über Banner-Logo

Ich glaube, das hat in den letzten 24 Stunden oder so angefangen. Ich sehe eine blaue Linie über dem Banner-Logo…

Ich habe das zuerst in meinem Forum bemerkt, aber es ist auf Meta reproduzierbar. Ich sehe es nur, wenn ich den Edge-Browser benutze. Es ist nicht in Firefox oder Chrome vorhanden. Es ist auch nur im mobilen Browser sichtbar. Die Desktop-Version von Edge zeigt es nicht an.

Ich habe gestern auf den neuesten Discourse-Code aktualisiert, aber ich weiß nicht, ob es unmittelbar danach aufgetreten ist oder ob es in den letzten 24 Stunden auch ein Edge-Update gab.

Bearbeiten: Wenn ich die Seite im mobilen Browser als Desktop-Seite anzeige, ist sie immer noch da. Ich hatte das irgendwie erwartet, aber es war es wert, es auszuprobieren, sobald ich darüber nachgedacht habe.

Ich schätze, die Seiten laden so schnell, dass ich nur die abgeschlossene Leiste sehe. Ich gehe davon aus, dass es nicht mit Chrome oder Firefox kompatibel ist?

Eigentlich, nachdem ich ein wenig mehr darüber nachgedacht habe, erreicht die Leiste nur etwa 45 % der Bildschirmbreite, aber das Beispiel für die Theme-Komponente geht über die gesamte Breite.
Die Leiste geht nicht weiter als 45 %, egal wie lange ich warte. Bedeutet das, dass die Seite in Edge nicht vollständig geladen wird?

Bearbeiten:
Ich sehe den Schieberegler, wenn ich die Seite neu lade. Er ist dünner als die blaue Leiste, die ich sehe, und die blaue Leiste erscheint, nachdem der Schieberegler 100 % erreicht hat.

1 „Gefällt mir“

Hallo :waving_hand:

Diese Zeile ist der Link „Zum Hauptinhalt springen“. Ich kann dies reproduzieren, wenn ich die Schriftgröße von Edge ändere.

Bei 100 % Standard-Schriftgröße scheint es gut zu sein.

Wenn ich jedoch eine größere Schriftgröße wie 110 % oder mehr einstelle, wird die Schaltfläche „Zum Hauptinhalt springen“, die sich über dem Header befindet, angezeigt, da die Schriftgrößenänderung des Browsers anscheinend nicht beachtet wird…


Es scheint, dass nach dem Neuladen der Seite alles wieder „normal“ ist.

Vor dem Neuladen 200 %

Nach dem Neuladen

Aber es gibt eine Schriftgrößenänderung in Discourse, die Sie anstelle des Browsers verwenden können, und Sie können auch die nativen Barrierefreiheitsfunktionen des Geräts verwenden. Diese werden die Elemente berücksichtigen.

Textgröße in Discourse ändern:

Gehen Sie zur Oberflächenseite, auf der Sie die Textgröße ändern können.

3 „Gefällt mir“

Das Vergrößern der Schriftgröße macht den Button zwar sichtbar, aber auf meinem Handy ist die blaue Linie bei 100 % sichtbar. Ich muss die Größe auf 90 % reduzieren, damit sie verschwindet, oder die Schriftgröße in Discourse auf Kleiner stellen. Ich bin in einem Alter, in dem ich die Schriftgröße erhöhen muss, daher ist es keine wirkliche Option, sie kleiner zu machen.

Ich bin jedoch verwundert, was der Zweck eines versteckten Buttons ist. Wenn die meisten Leute (nicht mobil Edge oder mit der ‘richtigen’ Schriftgröße) ihn nicht sehen können, dann scheint es kein sehr nützliches UX-Element zu sein?

Das ist aus Gründen der Barrierefreiheit. Screenreader können diesen Button sehen.

2 „Gefällt mir“

Ahh, OK.

Irgendeine Idee, was sich geändert hat? Die blaue Linie war vor ein paar Tagen nicht da und ich habe weder die Schriftgröße in Edge noch in Discourse oder auf meinem Handy geändert, damit sie erscheint. Sie schien zu erscheinen, nachdem ich die neuesten Discourse-Commits angewendet hatte, aber da bin ich mir nicht 100% sicher.