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

Avoid flashing loading state on fast search queries

Browse Source
This commit is contained in:
Bruno Charest 2026-05-27 11:39:37 -04:00
parent 56b2a004f9
commit 96218f872e
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/app.js
View File

@ -458,9 +458,15 @@
clearTimeout(this._suggestTimer);
const prefix = ctx.prefix;
if (prefix && prefix.length >= 2) {
// Show placeholder while loading
this._titlesList.innerHTML = '<li class="search-dropdown__item search-dropdown__item--loading">Recherche...</li>';
this._tagsList.innerHTML = '<li class="search-dropdown__item search-dropdown__item--loading">Recherche...</li>';
// Only show placeholder if lists are empty (avoid flashing on fast typing)
const hasTitles = this._titlesList.children.length > 0 && !this._titlesList.querySelector(".search-dropdown__item--loading");
const hasTags = this._tagsList.children.length > 0 && !this._tagsList.querySelector(".search-dropdown__item--loading");
if (!hasTitles) {
this._titlesList.innerHTML = '<li class="search-dropdown__item search-dropdown__item--loading">Recherche...</li>';
}
if (!hasTags) {
this._tagsList.innerHTML = '<li class="search-dropdown__item search-dropdown__item--loading">Recherche...</li>';
}
this._titlesSection.hidden = false;
this._tagsSection.hidden = false;
this.show();