LOGC#89746 mouseover -> touchstart, en highlight styling verbeterd

svn path=/Website/branches/v2025.2/; revision=69916

APPL/PDA/default.css

@@ -916,6 +916,11 @@ div.suggestklikker {
     flex-wrap: wrap;
     justify-content: flex-end;
 }
+.sgDropdown .dropdown-item.selected { /* = bootstrap active style */
+    color: var(--bs-dropdown-link-active-color);
+    text-decoration: none;
+    background-color: var(--bs-dropdown-link-active-bg);
+}
 
 .sgText /* Suggest Regel Tekst */
 {

APPL/Shared/Suggest/suggest.js

@@ -1024,12 +1024,13 @@ async function _Suggest(inParams) {
                     }
                 }
 
-                xDiv.onmouseover = function() { highlight(this.sgIndex, this); return false; };
+                if (isMobile) {
+                    xDiv.ontouchstart = function() { highlight(this.sgIndex); };
+                } else {
+                    xDiv.onmouseover = function() { highlight(this.sgIndex); };
+                }
+
                 xDiv.onmousedown = function() {
-                    if (isMobile)
-                    {
-                        highlight(this.sgIndex, this); // omdat mobile/bootstrap de onmouseover niet lijkt te doen en daarmee 'selected' niet is gezet
-                    }
                     setValues(true);
                     hideAutocompleteDiv();
                     return true;