fix(Drawing/Measures): make drawing work in Safari

In Safari, clicking on the map did not add any point to the sketch and
double-clicking selected the tooltip text instead of finishing the drawing.

Three cumulative causes:

- `ol/ol.css` (which sets `user-select: none` on `.ol-viewport`) is not
  guaranteed to be loaded by the host application. Without it, `mousedown`
  on the map starts a text selection; Safari then fires `pointercancel` and
  `ol/interaction/Draw` never receives its `pointerup`, so no point is added.
- `ol/Overlay` defaults to `class="ol-overlay-container ol-selectable"`, which
  explicitly re-enables text selection on the drawing and measure tooltips.
- The `Drawing` tooltip overlays were created without `stopEvent: false`
  (unlike the `Measures` ones), so they landed in `ol-overlaycontainer-stopevent`
  and blocked event propagation to the map.

Fixes:

- Drawing: add `stopEvent: false` and an explicit `className` without
  `ol-selectable` on both tooltip overlays (line and polygon).
- Measures: add the same explicit `className` on `measureTooltip` and
  `helpTooltip`.
- GPFgeneralWidget.css: fall back to `user-select: none` and
  `-webkit-touch-callout: none` on `.ol-viewport` / `.ol-unselectable`, while
  restoring `user-select: text` on `.ol-selectable`, widget inputs/textareas
  and `[contenteditable]` elements.
- GPFdrawing.css / GPFmeasureToolTip.css: `user-select: none` and
  `pointer-events: none` on the tooltips.

Closes #573

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01832PBwBgcAdTDV2ZrhigKQ

Author: julsql

DRAFT_CHANGELOG.md

@@ -25,6 +25,8 @@ __DATE__
 
 * 🐛 [Fixed]
 
+  - Drawing / Measures : sur Safari, le clic ne permettait pas de tracer et le double-clic sélectionnait le texte de l'infobulle ("Double-cliquer pour terminer", mesures) au lieu de terminer la saisie
+
 * 🔒 [Security]
 
 ---

src/packages/CSS/Controls/Drawing/GPFdrawing.css

@@ -55,6 +55,11 @@ div[id^=GPdrawingBasicPanel-] {
 
 .gpf-draw-linestring-tooltip {
   transform: translate(calc(100% + 35px), -14px);
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  pointer-events: none;
 }
 
 .gpf-draw-linestring-tooltip::before {

src/packages/CSS/Controls/Measures/GPFmeasureToolTip.css

@@ -7,6 +7,11 @@
   color: white;
   padding: 4px 8px;
   white-space: nowrap;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+  pointer-events: none;
 }
 
 .GPmeasureTooltip-measure {

src/packages/CSS/GPFgeneralWidget.css

@@ -587,3 +587,37 @@ input[type="checkbox"]:checked + .GPshowMoreOptions {
 .gpf-panel__body {
   overflow: auto;
 }
+
+/*******************************/
+/* selection de texte / carte  */
+/*******************************/
+/*
+ * Filet de sécurité si la feuille de style d'OpenLayers (ol/ol.css) n'est pas
+ * chargée par l'application hôte : sans `user-select: none` sur le viewport,
+ * un clic sur la carte démarre une sélection de texte. Safari émet alors un
+ * `pointercancel` et l'interaction de dessin ne reçoit jamais le `pointerup`
+ * (le tracé ne se fait pas), et le double-clic sélectionne le texte au lieu de
+ * terminer la saisie.
+ */
+.ol-viewport,
+.ol-unselectable {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+/* on rétablit la sélection là où l'utilisateur saisit du texte */
+.ol-selectable,
+.GPwidget input,
+.GPwidget textarea,
+.gpf-widget input,
+.gpf-widget textarea,
+[contenteditable="true"] {
+  -webkit-touch-callout: default;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}

src/packages/Controls/Drawing/Drawing.js

@@ -1827,6 +1827,8 @@ class Drawing extends Control {
                     context.tootlTipElem.innerText = "Double-cliquer pour terminer";
                     context.tooltipOvl = new Overlay({
                         element : context.tootlTipElem,
+                        stopEvent : false,
+                        className : "ol-overlay-container",
                         positioning : "top-right"
                     });
 
@@ -1877,6 +1879,8 @@ class Drawing extends Control {
                     context.tootlTipElem.innerText = "Double-cliquer pour terminer";
                     context.tooltipOvl = new Overlay({
                         element : context.tootlTipElem,
+                        stopEvent : false,
+                        className : "ol-overlay-container",
                         positioning : "top-right"
                     });
                     context.interactionCurrent.on("drawend", function (deEv) {

src/packages/Controls/Measures/Measures.js

@@ -350,6 +350,7 @@ var Measures = {
         this.measureTooltip = new Overlay({
             element : this.measureTooltipElement,
             stopEvent : false,
+            className : "ol-overlay-container",
             offset : [0, -15],
             positioning : "bottom-center"
         });
@@ -374,6 +375,7 @@ var Measures = {
         this.helpTooltip = new Overlay({
             element : this.helpTooltipElement,
             stopEvent : false,
+            className : "ol-overlay-container",
             offset : [15, 0],
             positioning : "center-left"
         });