Problema avanzamento progressbar su componente it-navscroll

[dgaetani]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• Ho verificato e non esiste

Versione della libreria

1.1.2

Cosa

Il riempimento della progressbar presente nella it-navscroll, occorre anche quando non si è raggiunta la posizione di "partenza" nello scorrimento verticale della pagina, ovvero quando l'elemento raggiunge la posizione in cui diventa sticky (per intendersi top = 0).

Questo fa sì che il riempimento della progressbar avvenga anche in "negativo", ovvero quando lo scroll di pagina è al di sopra dell'elemento it-navscroll.

<div class="progress-bar it-navscroll-progressbar" role="progressbar" [style.width.%]="progressBarValue | async" [attr.aria-valuenow]="progressBarValue | async" aria-valuemin="0" aria-valuemax="100"></div>

updateProgressBar(container: HTMLElement) { if (!container) { return; } const offset = Math.abs(container.getBoundingClientRect().top); const height = container.getBoundingClientRect().height; const scrollAmount = (offset / height) * 100; const scrollValue = Math.min(100, Math.max(0, scrollAmount)); const state = this.#state.value; this.#state.next({ ...state, progressBar: scrollValue }); }

Bisognerebbe gestire adeguatamente la funzione updateProgressBar che calcola scrollValue sulla base di container.getBoundingClientRect().top.

Perché

La correzione del problema contribuisce a eliminare un comportamento errato di visualizzazione della progressbar per il componente it-navscroll.

Contesto

No response

Altro

No response