Skip to content

Fix view for many DAG tags#55604

Merged
bbovenzi merged 29 commits into
apache:mainfrom
steveahnahn:fix-view-for-many-tags
Oct 16, 2025
Merged

Fix view for many DAG tags#55604
bbovenzi merged 29 commits into
apache:mainfrom
steveahnahn:fix-view-for-many-tags

Conversation

@steveahnahn

Copy link
Copy Markdown
Contributor

Summary

Add modal dialog to display all DAG tags when the tag list is truncated (more than 3 tags), allowing users to view and interact with all tags regardless of quantity.

Problem

The DAG tags display was limited to showing only the first 3 tags with a "+X more" tooltip that displayed additional tags in a cramped, non-interactive format. Users with DAGs containing many tags (20+ tags) had no way to properly view or click on the hidden tags

Solution

Added modal functionality to LimitedItemsList component

Testing

Tested with a DAG containing 25+ tags:

  • Modal opens correctly showing all tags
  • Tag filtering works properly

Related Issues

Fixes #55511

@jscheffl

Copy link
Copy Markdown
Contributor

As we are close to a release we have locked all changes that modify translation keys. So as maintainers we need to consider if we change this last-minute and generate (more) translation gaps...

Can you please add a "Before" / "After" Screenshot? This makes review easier.

@potiuk

potiuk commented Sep 13, 2025

Copy link
Copy Markdown
Member

I tried an experiment here - added my commit where I AI-generated all trasnslations following exisitng ones and maybe we can do it in the way that translators will just review and approve (or update) the translations for their language so that in the "freeze" period we can do a joined effort in a single PR.

cc: @shahar1 -> WDYT ?

@potiuk potiuk added the allow translation change This label should be set if we want to bypass translation freeze and change english translations. label Sep 13, 2025
@potiuk potiuk force-pushed the fix-view-for-many-tags branch from 36e7e06 to 82c553a Compare September 13, 2025 15:30
steveahnahn and others added 24 commits October 11, 2025 12:45
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…ts.json

Co-authored-by: LIU ZHE YOU <68415893+jason810496@users.noreply.github.com>
…json

Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>
…json

Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
…json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
Co-authored-by: Brent Bovenzi <brent.bovenzi@gmail.com>
Co-authored-by: Wei Lee <weilee.rx@gmail.com>
@steveahnahn steveahnahn force-pushed the fix-view-for-many-tags branch from e211986 to f9085b7 Compare October 11, 2025 19:45
@steveahnahn

Copy link
Copy Markdown
Contributor Author

Rebased! Thank you

@bbovenzi bbovenzi merged commit 3b22cde into apache:main Oct 16, 2025
111 checks passed
kaxil pushed a commit that referenced this pull request Oct 21, 2025
* fix view for many tags

* fixup! fix view for many tags

* Update airflow-core/src/airflow/ui/public/i18n/locales/zh-TW/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ar/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/de/components.json

Co-authored-by: Jens Scheffler <95105677+jscheffl@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/es/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/hi/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/it/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ko/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ar/components.json

Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/hu/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/zh-TW/components.json

Co-authored-by: LIU ZHE YOU <68415893+jason810496@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/tr/components.json

Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/tr/components.json

Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ca/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/he/components.json

Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/en/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/pl/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/pt/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/nl/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/fr/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* plurals & render fixes

* fixup! plurals & render fixes

* disable tooltip & enable modal, fix dutch translation

* modal to popver, rmv subtitle, rmv tooltip comp

* Update airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx

Co-authored-by: Brent Bovenzi <brent.bovenzi@gmail.com>

* Apply suggestion from @Lee-W

Co-authored-by: Wei Lee <weilee.rx@gmail.com>

* Update airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx

* Update airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx

---------

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
Co-authored-by: Jens Scheffler <95105677+jscheffl@users.noreply.github.com>
Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>
Co-authored-by: LIU ZHE YOU <68415893+jason810496@users.noreply.github.com>
Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>
Co-authored-by: Brent Bovenzi <brent.bovenzi@gmail.com>
Co-authored-by: Wei Lee <weilee.rx@gmail.com>
(cherry picked from commit 3b22cde)
TyrellHaywood pushed a commit to TyrellHaywood/airflow that referenced this pull request Oct 22, 2025
* fix view for many tags

* fixup! fix view for many tags

* Update airflow-core/src/airflow/ui/public/i18n/locales/zh-TW/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ar/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/de/components.json

Co-authored-by: Jens Scheffler <95105677+jscheffl@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/es/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/hi/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/it/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ko/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ar/components.json

Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/hu/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/zh-TW/components.json

Co-authored-by: LIU ZHE YOU <68415893+jason810496@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/tr/components.json

Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/tr/components.json

Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/ca/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/he/components.json

Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/en/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/pl/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/pt/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/nl/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* Update airflow-core/src/airflow/ui/public/i18n/locales/fr/components.json

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>

* plurals & render fixes

* fixup! plurals & render fixes

* disable tooltip & enable modal, fix dutch translation

* modal to popver, rmv subtitle, rmv tooltip comp

* Update airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx

Co-authored-by: Brent Bovenzi <brent.bovenzi@gmail.com>

* Apply suggestion from @Lee-W

Co-authored-by: Wei Lee <weilee.rx@gmail.com>

* Update airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx

* Update airflow-core/src/airflow/ui/src/components/LimitedItemsList.tsx

---------

Co-authored-by: Jarek Potiuk <jarek@potiuk.com>
Co-authored-by: Jens Scheffler <95105677+jscheffl@users.noreply.github.com>
Co-authored-by: Shahar Epstein <60007259+shahar1@users.noreply.github.com>
Co-authored-by: LIU ZHE YOU <68415893+jason810496@users.noreply.github.com>
Co-authored-by: Bugra Ozturk <bugraoz93@users.noreply.github.com>
Co-authored-by: Brent Bovenzi <brent.bovenzi@gmail.com>
Co-authored-by: Wei Lee <weilee.rx@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:translations area:UI Related to UI/UX. For Frontend Developers. translation:default

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Not able to see all tags when the list is too long