Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

The "Replace image" and "X" buttons are wrongly exceeding the "Custom backgrounds" area at browser resize

Offen
#528 7 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
38/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
javascript
Bereich
frontend

Rechercherichtung

Beginne damit, das Problem über die Firefox Color-Symbolleistenschaltfläche im Tab Custom backgrounds zu reproduzieren, während du die Größe des Browsers änderst und den Scrollbalken ziehst. Untersuche die Custom backgrounds-UI und ihr responsives Layout; abgeschlossen ist die Aufgabe, wenn die Schaltflächen Replace image und X bei kleinen Breiten innerhalb des Bereichs bleiben.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

[QA]:Normal issue Priority: p3

[Affected versions]:

  • Firefox 62.0.3 and above

[Affected Platforms]:

  • All Windows
  • All Mac
  • All Linux

[Prerequisites]:

  • Have a Firefox profile with the latest version of the "Firefox Color" add-on (2.1.0 local-dev custom built on 10/19/2018) installed.

[Steps to reproduce]:

  1. Open the browser with the profile from prerequisites.
  2. Click the "Firefox Color" toolbar button and select the "Custom backgrounds" tab.
  3. Resize the browser to 1/4 of the screen.
  4. Drag the scrollbar, from the bottom part of the page, to the right.
  5. Observe the "Custom backgrounds" area's elements.

[Expected result]:

  • All the elements are responsive and correctly rendered.

[Actual result]:

  • The "Replace image" and "X" buttons are exceeding the "Custom backgrounds" area.

[Notes]:

  • This issue is also reproducible with the TxP version of the "Firefox Color" add-on.
  • Attached a screen recording of the issue:
    rec of the issue
Vorherrschende Sprache
JavaScript
Sterne
506
Forks
100
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus mozilla/FirefoxColor

Alle Issues in mozilla/FirefoxColor

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.