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

[BUG]On Microsoft Edge paths disconnect stroke from fill if stroke width is more than 15

Abierto
  • ¿Algo no está bien?
#205 5 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

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

Línea de trabajo

Reproduce el problema en Microsoft Edge usando la herramienta de elipse con un ancho de trazo de 16 o más y, después, compara el resultado con Chrome. Empieza examinando los controladores del ancho de trazo y la posible interacción con Paper.js mencionada en el informe; el trabajo estará terminado cuando los trazos de las elipses y los trazados sigan conectados a sus rellenos con anchos grandes.

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

Descripción

bug

Describe the bug
If you make a new ellipse with stroke width > 16, the path results in the ellipses shown in the below screenshots. Console logs nothing at all. You cannot use a rectangle to reproduce the bug unless you use the path cursor.
You might want to play around with the reproduction instructions a bit, since there's a bunch of different ways to reproduce this bug that I know of (and there's probably more).

To reproduce
One set of steps to reproduce the behavior:

  1. Set stroke width to 16 or more
  2. Try and make an ellipse
  3. You will see that the resulting path is as shown in the screenshot (the paths that are normal have strokes of less than 16)
    You can also reproduce by creating a normal, bug-free circular path and setting the stroke width to a sufficiently large number depending on the size of the path.
    Yet another way to reproduce is to take any path with four or less points, make up to three of the points curved (with the path cursor), and reduce the size for a bit.

Expected behavior
The paths render with connected strokes and fills.

Screenshots
Image

Image the rectangle actually resulted from the ellipse tool making a very small oval

Editor version
1.19.3 onwards

Device

  • Lenovo AIO Desktop
  • Windows 11
  • Microsoft Edge

Suggested fixes
I think this is either coming from the stroke width handlers or a paperjs quirk.

Additional context
Weirdly, this seems to be an Edge thing. I tried reproducing on Chrome but it didn't do anything weird.

Lenguaje dominante
JavaScript
Estrellas
53
Forks
22
Merge medio
2 d 10 h
PR fusionados (30 d)
12

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

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 Candlestickers/Candlestick

Todos los issues de Candlestickers/Candlestick

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.