Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン 初心者向け
  • 何か問題がありますか？
#6,254 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 3 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
68/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
angular, typescript
領域
frontend

調査の方向性

issueで言及されているアイテムページコンポーネントの設定（untyped-item.component.html など）から始め、ds-generic-item-page-field が複数のメタデータ値をどのように表示し、区切り文字を適用するかを追ってください。DSpace 8 または 9 の動作と間隔を比較します。DSpace 10.x で、設定された区切り文字がメタデータリンクの前後に余分な間隔なく表示されれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語
TypeScript
スター
180
フォーク
577
平均マージ
2日 12時間
マージ済み PR（30日）
111

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

DSpace/dspace-angular のほかの issue

DSpace/dspace-angular の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。