Skip to content

[Tech] Review 'vf-details' class from filter sidepanel #2434

Description

@archibald-ebi

Description

Remove the vf-details disclosure treatment from all EBI filter side panels so users can see the available filter options at a glance.

Image

Background and rationale

The 'vf-details' report discovered that filter side panels use vf-details to hide and show a single search filter. Filtering is a primary action within the publications experience, not supplementary help content.

The review also found that there is not enough content in the section to justify hiding it. Removing the disclosure will reduce unnecessary interaction and make the filter options immediately discoverable.

If the experience later requires genuinely hierarchical disclosure, that need should be assessed as a separate tree or side-panel pattern rather than handled by vf-details.

User story

As a user filtering publications, I need filter options to be visible when I reach the side panel so that I can refine results without first opening an unnecessary disclosure.

Proposed work

  • Locate the audited vf-details implementation in the publications filter side panel.
  • Remove the vf-details class and disclosure control.
  • Render the filter heading and options as part of the normal side-panel content stack.
  • Preserve the existing filtering behaviour, labels, selected states and result updates.
  • Check the layout at supported viewport sizes.
  • Confirm that the change does not introduce a new custom accordion treatment.

Acceptance criteria

  • The side panel no longer uses vf-details, <details> or <summary> for the audited filter section.
  • The filter heading and all available options are visible without an expand action.

Out of scope

  • Redesigning the complete publications search experience.
  • Creating a new collapsible side-panel component.
  • Introducing a tree pattern unless a separate review demonstrates a hierarchical need.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions