Skip to content

Conversation

@steveahnahn
Copy link
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
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
Copy link
Member

potiuk commented Sep 13, 2025

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 22 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: 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
Contributor Author

Rebased! Thank you

@bbovenzi bbovenzi merged commit 3b22cde into apache:main Oct 16, 2025
111 checks passed
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 17, 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>
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 19, 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>
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