search

italia / bootstrap-italia

Bootstrap Italia è un tema basato su Bootstrap 5 conforme alle "Linee guida di design per i siti internet e i servizi digitali della Pubblica Amministrazione"
https://italia.github.io/bootstrap-italia
BSD 3-Clause "New" or "Revised" License
309 stars 163 forks source link

Don't let content end up behind sticky headers #978

Open bfabio opened 1 year ago

bfabio commented 1 year ago

Versione di Bootstrap Italia

v2.7.0

Comportamento atteso

When using https://italia.github.io/bootstrap-italia/docs/menu-di-navigazione/header/#header-sticky, anchor links should not scroll part of the target content behind the header.

Comportamento attuale

Part of the content ends up behind the header, for example:

Possibili soluzioni

I'm not sure, but Bootstrap Italia could set (or document in the example snippets) scroll-margin-top for each element with an id.

Ideally it should be automatic, but I don't know if it can be done. It can be tricky because the height of the header can be computed after the rendering and also can change on different display size.

Contesto

Aggiornato da @Fupete in data 3/9/2024:

Verifiche di accessibilità sui componenti.

⚠️ Sarà da aggiornare lo status delle verifiche nella board census alla risoluzione.

Altro

Aggiornato da @Fupete in data 3/9/2024:

Sarà eventualmente da aggiornare anche in React e Angular kit alla risoluzione.

stale[bot] commented 9 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

bfabio commented 9 months ago

@stale I'll end you, go away

stale[bot] commented 7 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

leonardobani commented 7 months ago

Buongiorno, per il problema legato alla sticky header nella https://designers.italia.it/#HL2a secondo me basterebbe cambiare la section target (a quella sopra?). per le altre mi pare di aver riscontrato un problema simile mente smanettavo, ho risolto facendo scendere la pagina del numero di pixel (o vh) della navBar (dato che eliminando l'header il contenuto finisce al filo della viewport). Ditemi se può aiutare!