jps/Crvi
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

correction autocomplete

Browse Source
This commit is contained in:
Jean-Philippe Staelen 2026-01-21 11:29:49 +01:00
parent 75bff25eb0
commit 9f1cad89be
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/presence-autocomplete.css
View File

@ -1,12 +1,17 @@
/* Styles pour l'autocomplétion des présences dans la modal de validation des présences */ /* Styles pour l'autocomplétion des présences dans la modal de validation des présences */
/* Le conteneur td doit être en position relative pour le positionnement absolu des suggestions */
#presence_rows td {
position: relative;
}
.presence-nom-input { .presence-nom-input {
position: relative; position: relative;
} }
.autocomplete-suggestions { .autocomplete-suggestions {
position: absolute; position: absolute;
z-index: 1050; z-index: 1060;
background: white; background: white;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
@ -14,7 +19,6 @@
overflow-y: auto; overflow-y: auto;
box-shadow: 0 2px 8px rgba(0,0,0,0.15); box-shadow: 0 2px 8px rgba(0,0,0,0.15);
margin-top: 2px; margin-top: 2px;
width: 100%;
min-width: 200px; min-width: 200px;
} }

13
assets/js/modules/agenda-modal.js
View File

@ -733,6 +733,19 @@ function initializePresenceAutocomplete() {
suggestionsDiv.appendChild(suggestionItem); suggestionsDiv.appendChild(suggestionItem);
}); });
// Positionner la div de suggestions sous le champ nom
const nomInputRect = nomInput.getBoundingClientRect();
const parentCell = nomInput.closest('td');
if (parentCell) {
// Position relative au td parent
suggestionsDiv.style.position = 'absolute';
suggestionsDiv.style.top = (nomInput.offsetTop + nomInput.offsetHeight) + 'px';
suggestionsDiv.style.left = nomInput.offsetLeft + 'px';
suggestionsDiv.style.width = nomInput.offsetWidth + 'px';
suggestionsDiv.style.zIndex = '1060';
}
suggestionsDiv.style.display = 'block'; suggestionsDiv.style.display = 'block';
} }