Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Various API Filters not showing in the UI

Open
#626 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
react, typescript
Domain
frontend

Research direction

Reproduce the issue with the linked cee-jourlly repository using the provided Docker and Symfony commands, then inspect the HydraAdmin filter and ordering UI entry points. Done means nested SearchFilter, OrderFilter, and RangeFilter properties appear in Add Filter and Active Filters, while ordering preserves the nested property such as order=roaster.name.

Written by the indexing model from the issue text.

Description

API Platform version(s) affected: v4.0.7

Description
Many of the available Filters in api-platform/core seem to not be properly supported by the PWA.

In my example, the following SearchFilter and OrderFilter attributes with nested properties are configured for the Coffee entity:

enter image description here

The backend part works as expected, so I can order and search by the given nested properties on the API itself. Also when I manually edit the respective query params in the HydraAdmin URL, it properly shows the searched and ordered results.

Here using beans.type=/bean_types/{id}
enter image description here

And here using beans.type.name={name}
enter image description here

The actual problem seems to be in the HydraAdmin so that it does not offer the nested properties in the "Add Filter" section and also it does not show it under "Active Filters".

A similar but a bit different problem happens for the OrderFilter with nested properties: When I manually set it in the query params it works, but when clicking on the roaster-order it sends order=roaster instead of order=roaster.name

enter image description here

Another broken case is the RangeFilter.

enter image description here

It passes the filter properly to the API but does not show it under add filters or active filters.

enter image description here

How to reproduce
use this repository: https://github.com/zolex/cee-jourlly

docker compose up
docker compose exec php bin/console doctrine:database:create --no-interaction
docker compose exec php bin/console doctrine:migrations:migrate --no-interaction
docker compose exec php bin/console hautelook:fixtures:load --no-interaction
Dominant language
TypeScript
Stars
516
Forks
134
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from api-platform/admin

All issues in api-platform/admin

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.