GSLUX-765: FIX drawing

[AlitaBernachot]

JIRA issue

https://jira.camptocamp.com/browse/GSLUX-765

Description

Fix:

• style on button: was purple(why???) with exaggerated rounded corner too different from prod
• enable Escape keyup handler when drawing
• update coordinates for drawing modale when modifying drawn feature

[github-actions]

GitHub Pages links: * Luxembourg-geoportail: https://geoportail-luxembourg.github.io/luxembourg-geoportail/GSLUX-765-fix-drawing/

[mki-c2c]

All this is fine, thanks for the improvements.

I have some reserves concerning the Anchor update. This popup dragging is not present in V3.
Improvements with better useability would be:

• automatically move the popup out of the way of the active part of the drawing
• or enable manual dragging of the popup

I find it especially strange, when the popup moves in the opposite direction of a line vertex when creating a narrow v-shaped linestring.

[AlitaBernachot]

This popup dragging is not present in V3.

Indeed, I have made some changes in the code to just update the modal anchor with a debounce, no more dragging effect.

• automatically move the popup out of the way of the active part of the drawing
• or enable manual dragging of the popup

Agree, it would have been nice to have the ability to move the modal but this is a whole new functionality, should be discussed first with client.

I find it especially strange, when the popup moves in the opposite direction of a line vertex when creating a narrow v-shaped linestring.

This should be less visible as there is now a debounce when modifying the geom.

Is it better now?

[mki-c2c]

yes, it's better, nice. 👍

I don't see the point of moving the popup, but why not.

[AlitaBernachot]

I don't see the point of moving the popup, but why not.

Why? => The center of the geom is supposed to be the modal anchor (it is how it is calculated).
You can move the geom far far far away from the modal. You won't see the info nor the profile updated.

Here is an example in prod where the modal stays in place: