Suchfeld links zu dünn

Zitat von ErSchonWieder

Der linke Rand des Suchfeldes ist etwas zu dünn:

Dann überrpüf mal deine CSS Codes.

Hier sieht das so aus:

Edit:

Falsches Suchfeld, sorry.

Auf macOS kann ich das bestätigen. Es ist natürlich nicht auszuschließen, dass das auf Windows 10 passt, aber nicht auf Windows 7 (und macOS). Nachtrag zur Kenntnis genommen!

Das Problem tritt erst seit Firefox 92.0.1 auf, noch nicht in Firefox 92.0.

Zitat von Sören Hentzschel

dass das auf Windows 10 passt,

Passt auch auf Win10 nicht.

Jap. Der Fehler steht mit Sicherheit in Zusammenhang mit dieser Änderung. Ich werd später mal nach einem ggfs. vorhandenen Bugzilla-Ticket suchen und ansonsten eines erstellen. Kann aber etwas dauern, ich hab gleich noch einen Termin.

Kurzfristige optische Lösung:

.findbar-container > hbox:nth-child(1) {
  margin-left: 5px !important;
}

Logisch, denn für eine Behebung in Firefox 93 wurde es viel zu spät gemeldet. Zu dem Zeitpunkt war Firefox 93 bereits fertig. In Firefox Nightly ist es nach meiner Meldung an Mozilla aber schon behoben. Wenn du es kurzfristig per userChrome.css lösen möchtest, der offizielle Fix (adaptiert für userChrome.css) sieht so aus:

.findbar-container {
  overflow-inline: clip !important;
}

html|input.findbar-textbox:focus {
  outline-offset: -2px !important;
}

Lasse ich das Feld leer und klicke ich z.B. "Alle hervorheben" an, verschwindet der Rahmen und dann kann man gar nichts mehr erkennen das es dort ein Eingabefeld gibt. Erst wenn man wieder dort reinklickt, erscheint der blaue Rahmen.

Wie kann man da einen blauen Rahmen dauerhaft anzeigen lassen?

Zitat von Mr. Cutty

dann man gar nichts mehr erkennen

Sieht hier so aus dann:

Zitat von Mr. Cutty

einen blauen Rahmen dauerhaft anzeigen lassen?

Teste bitte mal:

.findbar-textbox{
 border: 2px solid #0061E0 !important;
}

Hi Mr. Cutty,

teste es mal damit ↓.

findbar .findbar-textbox {
    border: 1px solid #F20 !important;
}

Die Farbe musst Du natürlich noch Deinem Geschmack entsprechend ändern.

2002Andreas  Dharkness

Danke Euch. Funktioniert beides.

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Zitat von Mr. Cutty

Danke Euch. Funktioniert beides.

Das hört sich doch gut an.

Zitat von ErSchonWieder

Auf Firefox 94.0 aktualisiert.

Und zuerst sah es ganz gut aus, doch wenn er NIX findet dann das:

Das kann ich nicht bestätigen, der Rahmen bleibt überall gleich breit.

Versuche es mal damit ↓, aus meinem CSS-Voodoo, den Wert eventuell noch anpassen.

findbar .findbar-container > hbox:nth-child(1) {
  margin-left: 1px !important;
}

Zitat von ErSchonWieder

Und zuerst sah es ganz gut aus, doch wenn er NIX findet dann das:

Das ist erst in Firefox 95 behoben. Der offizielle Fix adaptiert für die userChrome.css sieht so aus:

.findbar-textbox[status="notfound"] {
  outline-offset: -2px !important;
}