Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#528 7 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
38/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
javascript
Domínio
frontend

Direção de pesquisa

Comece reproduzindo o problema pelo botão da barra de ferramentas do Firefox Color na aba Custom backgrounds enquanto redimensiona o navegador e arrasta a barra de rolagem. Inspecione a UI de Custom backgrounds e seu layout responsivo; considera-se concluído quando os botões Replace image e X permanecem dentro da área em larguras estreitas.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

[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
Linguagem predominante
JavaScript
Estrelas
506
Forks
100
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de mozilla/FirefoxColor

Todas as issues de mozilla/FirefoxColor

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.