[FEATURE] The topics section in search can be transformed into a dropdown section in mobile view

[joydityapaul]

Is this a unique feature?

• I have checked "open" AND "closed" issues and this is not a duplicate

Is your feature request related to a problem/unavailable functionality? Please describe.

The complete 'topics' section looks a little cramped up when in the mobile view. Please find the attached SS for your reference.

Proposed Solution

My suggestion is it can be transformed into a drop down section to improve the UX.

Screenshots

Before

After

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

Inside ./pages/search.js, the section between line 225-240 has to be passed inside a dropdown input type tag

[github-actions]

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[amandamartin-dev]

This would make the experience differ from desktop to mobile by not using tags on mobile. It will also make multi-search more cumbersome imo. I will open for discussion so others can weigh in as well.

Anohter potential path is to limit the amount of tags shown in a responsive manner so the experience is the same throughout viewports.

[Abiheb]

Perhaps we can explore a combination of these approaches? We could limit the initial tag display and then offer a "Show More" button that expands into a dropdown menu for full selection. This would balance discoverability with a cleaner interface.