Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

UI spacing regression on ds-generic-item-page-field (extra spaces around metadata values) in v10.x

Aperta Adatta ai principianti
  • Qualcosa non va?
#6,254 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 3 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
68/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
angular, typescript
Ambito
frontend

Direzione di ricerca

Inizia dalla configurazione del componente della pagina dell’item menzionata nell’issue, come untyped-item.component.html, e segui come ds-generic-item-page-field visualizza più valori di metadati e applica il separatore. Confronta la spaziatura con il comportamento di DSpace 8 o 9; il lavoro è completo quando il separatore configurato appare senza spaziatura aggiuntiva intorno ai link dei metadati in DSpace 10.x.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

affects: 10.x affects: main bug component: Item ux

Describe the bug

In DSpace version 10.0 and 10.1, metadata fields rendered via ds-generic-item-page-field (specifically observed with dc.subject) display extra spaces before and after the values when comma-separated ([separator]="', '"). Even though no space is explicitly defined in the separator configuration, a gap or extra spacing appears in the rendered UI around the links.

Testing confirms this issue affects multiple entity types (reproduced on both untyped items and publication entities, including verification against the public DSpace test environment at sandbox.dspace.org).

To Reproduce

Steps to reproduce the behavior:

  1. Configure an item page component (e.g., untyped-item.component.html or publication component) with a custom separator (e.g., changing the comma to a semicolon to verify the separator value is accepted, while checking spacing):
    <ds-generic-item-page-field [item]="object"
    [fields]="['dc.subject']"
    [separator]="';'"
    [label]="'item.page.subject'">
    </ds-generic-item-page-field>
  2. View an item with multiple subjects on a DSpace instance (8x or 9x) (observe correct tight spacing).
  3. View the same item configuration on a DSpace 10.0 or 10.1 instance (or via sandbox.dspace.org).
  4. Check the UI: Notice that while the component respects the separator change (e.g., using the semicolon), unwanted spacing is still incorrectly injected around the metadata link elements before/after the separator.

Expected behavior

The separator should follow the text tightly based on the exact string provided in [separator], without unexpected padding, margins, or flex gaps injected around the metadata link elements, matching the behavior in DSpace 7–9.

Screenshots

DSpace 8.5 and 9.4
Image

DSpace 10.0 and 10.1

Image

Additional Context

Impact & Importance: While spacing may seem like a minor detail, repository administrators frequently work with strict client-mandated style guides and meticulous stakeholders ("pixel-perfect" requirements). Unwanted gaps breaking tight punctuation formatting create noticeable visual inconsistencies across item records.

Related work

Link to any related tickets or PRs here.

Lingua principale
TypeScript
Stelle
180
Fork
577
Merge medio
2g 12h
PR unite (30g)
111

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di DSpace/dspace-angular

Tutte le issue di DSpace/dspace-angular

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.