Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

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

Ouverte
#528 7 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
38/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript
Domaine
frontend

Piste de recherche

Commencez par reproduire le problème depuis le bouton de la barre d’outils Firefox Color dans l’onglet Custom backgrounds, tout en redimensionnant le navigateur et en faisant glisser la barre de défilement. Inspectez l’UI de Custom backgrounds et sa mise en page responsive ; le travail est terminé lorsque les boutons Replace image et X restent dans la zone aux faibles largeurs.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

[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
Langage dominant
JavaScript
Étoiles
506
Forks
100
Aucune PR mergée en 30 j

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de mozilla/FirefoxColor

Toutes les issues de mozilla/FirefoxColor

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.