horizon-ui/horizon-tailwind-react

Add max-height and scroll functionality to notification dropdown

Opened this issue · 0 comments

Problem:
The notification dropdown currently does not have a max-height set, and the content is not scrollable. This causes an issue when there are a large number of notifications, as the content overflows off-screen due to the position: absolute style. As a result, users cannot see or interact with notifications that extend below the screen size.

Proposed Solution:
To address this issue, I propose adding a max-height to the notification dropdown and enabling scroll functionality. This will ensure that the dropdown is limited in height and allows users to scroll through the notifications.

Screenshots:
Before:
notopensource1

After:
notopensource2