bug: can't select in the middle of a very short line

[ShibuyaCyana]

Steps To Reproduce

1. add a very short line (vertical or horizontal path), length <= 4px
2. try to select it at middle, it fails, and there's no "under mouse indicator" (a green line).
3. move mouse to the outer region of two endpoints. Though it's far away from the path (considering how small it is), green line appears and it's possible to select it from there.

Expected behavior

1. green line appears when mouse is near or inside the line, and the line can be selected.
2. green line doesn't appear when mouse is near the endpoints but not inside the line.

Actual behavior

As the steps above.

Screenshots or video

https://github.com/penpot/penpot/assets/39703247/f0ab3cd5-11c2-4332-b5ea-89f2275bdf76

Desktop (please complete the following information)

• Windows 11 22H2
• Firefox 124.0.2 (64-bit)

Smartphone (please complete the following information)

No response

Environment (please complete the following information)

No response

Frontend Stack Trace

No response

Backend Stack Trace

No response

Additional context

in Figma there is also a margin area for easier selection of smaller things, but the margin width is almost constant with screen pixel, ensuring it doesn't get too large when closely zoomed.

[madalenapmelo-kp]

Hi @ShibuyaCyana,

I haven't been able to reproduce this behavior, could you send the .penpot file where you are experiencing this to [email protected]?

[ShibuyaCyana]

Thanks for the response, I didn't keep the page but it's just an empty file with 2 short lines. I'll make a new one and put it here. two short lines.zip

[madalenapmelo-kp]

Thank you @ShibuyaCyana! I've added this issue to our backlog on Taiga, you can find the details here: https://tree.taiga.io/project/penpot/issue/7600