Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#528 7 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
38/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Empieza reproduciendo el problema desde el botón de la barra de herramientas de Firefox Color en la pestaña Custom backgrounds mientras cambias el tamaño del navegador y arrastras la barra de desplazamiento. Inspecciona la UI de Custom backgrounds y su diseño responsive; se considera terminado cuando los botones Replace image y X permanecen dentro del área en anchos reducidos.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

[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
Lenguaje dominante
JavaScript
Estrellas
506
Forks
100
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de mozilla/FirefoxColor

Todos los issues de mozilla/FirefoxColor

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.