Projets/ObsiGate
1
1
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases 19 Wiki Activity

fix: position autocomplete dropdown — fixed viewport + getCaretCoordinates overflow visible
CI / lint (push) Failing after 1s
Details
CI / test (push) Has been skipped
Details
CI / build (push) Has been skipped
Details
CI / e2e (push) Has been skipped
Details
CI / security (push) Failing after -7s
Details

Browse Source
This commit is contained in:
bruno
2026-06-16 10:36:39 -04:00
parent 4379f0c844
commit dab76c86f3
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/editor-poc.html
+6 -5
View File
@@ -218,7 +218,7 @@ body { font-family: var(--sans); background: var(--bg); color: var(--text); heig
/* Autocomplete dropdown */ /* Autocomplete dropdown */
.ac-dropdown { .ac-dropdown {
position: absolute; z-index: 200; position: fixed; z-index: 200;
background: var(--bg2); border: 1px solid var(--border-md); background: var(--bg2); border: 1px solid var(--border-md);
border-radius: 8px; box-shadow: 0 8px 30px rgba(0,0,0,0.5); border-radius: 8px; box-shadow: 0 8px 30px rgba(0,0,0,0.5);
min-width: 220px; max-width: 380px; max-height: 260px; min-width: 220px; max-width: 380px; max-height: 260px;
@@ -1653,11 +1653,11 @@ body { font-family: var(--sans); background: var(--bg); color: var(--text); heig
acItems = items; acItems = items;
acIdx = -1; acIdx = -1;
if (!items.length) { hideAutocomplete(); return; } if (!items.length) { hideAutocomplete(); return; }
// Position near cursor // Position near cursor (fixed positioning relative to viewport)
var pos = getCaretCoordinates(ta); var pos = getCaretCoordinates(ta);
var rect = ta.getBoundingClientRect(); var rect = ta.getBoundingClientRect();
acDropdown.style.left = (rect.left + pos.left - ta.scrollLeft + 20) + 'px'; acDropdown.style.left = (rect.left + pos.left + 24) + 'px';
acDropdown.style.top = (rect.top + pos.top - ta.scrollTop + 24) + 'px'; acDropdown.style.top = (rect.top + pos.top + 20) + 'px';
var html = context ? '<div class="ac-item-context">' + context + '</div>' : ''; var html = context ? '<div class="ac-item-context">' + context + '</div>' : '';
items.forEach(function(item, i) { items.forEach(function(item, i) {
@@ -1765,7 +1765,8 @@ body { font-family: var(--sans); background: var(--bg); color: var(--text); heig
style.position = 'absolute'; style.position = 'absolute';
style.visibility = 'hidden'; style.visibility = 'hidden';
style.whiteSpace = 'pre-wrap'; style.whiteSpace = 'pre-wrap';
style.overflow = 'hidden'; style.overflow = 'visible';
style.wordWrap = 'break-word';
style.width = textarea.clientWidth + 'px'; style.width = textarea.clientWidth + 'px';
style.height = 'auto'; style.height = 'auto';
var pos = textarea.selectionStart; var pos = textarea.selectionStart;