Contrib.social

Add Quick Search feature to Accordion Block

Open on Drupal.org →
Created on 7 March 2025, 4 months ago

Problem/Motivation

The Accordion Block in ixm_blocks is useful for FAQs and collapsible content, but when there are many accordion items, users might struggle to quickly find the information they need.

Adding a Quick Search feature would improve usability by allowing users to filter accordion items in real-time based on their search query.

Proposed resolution

  • Add a Quick Search input field above the Accordion Block.
  • When a user types in the input field, dynamically filter the accordion items, showing only those that match the search query.
  • Ensure real-time updates without needing to reload the page.
  • Make sure the feature is accessible (e.g., proper focus management and keyboard navigation support).
  • Add an option to enable/disable this feature in the block configuration.

Remaining tasks

  • Implement the Quick Search logic in JavaScript.
  • Ensure compatibility with existing accordion functionalities.
  • Add an admin setting to toggle Quick Search on/off.
  • Test responsiveness and accessibility.
  • Write documentation and tests.

User interface changes

  • A new search input field will appear above the Accordion Block when the feature is enabled.
  • Users will be able to filter accordion items dynamically.

Data model changes

  • Add a new configuration option for enabling/disabling Quick Search in the Accordion Block settings
✨ Feature request
Status

Active

Version

1.1

Component

Code

Created by

🇧🇷Brazil pinesso

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024