Line Component Rendering Incorrectly at Non-100% Zoom in Safari
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 45/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- react, typescript
- Domínio
- frontend
Direção de pesquisa
Comece com o componente Line do rc-progress e reproduza o problema usando o CodeSandbox vinculado no Safari com zoom de 50% e 100%. Rastreie como o valor percentual determina a renderização do progresso em SVG e, em seguida, verifique se valores intermediários, como 50%, são preenchidos corretamente com um zoom diferente de 100%, sem alterar o comportamento existente em 100%.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
The Line component from rc-progress does not render correctly at non-100% zoom levels (mostly with less than 100%) in Safari.
Specifically:
When the browser zoom is set to 50%, the progress bar does not fill according to the percent value provided.
For example, if percent is 50%, the progress bar should be half-filled, but it shows random or incorrect filling.
This issue does not occur at 100% zoom.
Steps to Reproduce
Open Safari and set the browser zoom to 50%.
Use the Line component from rc-progress with a percent value (e.g., 50%).
Observe that the progress bar does not fill correctly according to the percent value.
Expected Behavior
The Line component should render the progress bar correctly at any zoom level, filling the bar according to the percent value provided.
Actual Behavior
At 50% zoom, the progress bar does not fill correctly. For example:
If percent is 50%, the progress bar may show random or incorrect filling.
If percent is 100%, the progress bar works correctly.
Relevant Screenshots:
For 100% zoom in safari:
For 50% zoom in Safari:
- Linguagem predominante
- TypeScript
- Estrelas
- 706
- Forks
- 161
- Merge médio
- 7min
- PRs com merge (30d)
- 1
Preparar o ambiente
Ainda não verificamos os arquivos de configuração deste projeto. Comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de react-component/progress
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
react-component/progress#252 ·
-
scss fileAberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 25/100
react-component/progress#251 ·
-
circle flickersAberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 25/100
react-component/progress#250 ·
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 45/100
react-component/progress#247 ·
-
onHover FunctionalityAberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
react-component/progress#194 ·
Todas as issues de react-component/progress
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
openedx/frontend-app-authoring#3274 ·
Mantenedores costumam responder em até 1 dia
-
🎙️ task - fix(deployer): deploy --env prep runs deploy:dev where the repo declares deploy:prepAberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
-
area/documentation status/need-triage
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 95/100
google-gemini/gemini-cli#29548 ·
Mantenedores costumam responder em até 1 dia
-
sdk-typescript vector-store
Dificuldade 2/5 Meio dia Facilidade para iniciantes 82/100
mem0ai/mem0#7495 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
Mantenedores costumam responder em até 1 dia