MENU HIDDEN BY VIEW COMPONENTS

[jonbrunt]

MENU HIDDEN BY COMPONENTS

The dropdown menu functions fine on a large screen. On smaller screens, or when you scroll down in views like "Skills", the open menu is hidden by components. This is especially critical for mobile.

Steps to Reproduce

1. Open the app in dev mode
2. Using dev tools, look at the view from a typical mobile setting, or simply collapse the browser outside of dev tools, and the problem is obvious

Expected Behavior

Menu remains visible over other components when open

Actual Behavior

The menu is hidden by components in certain views and situations

Additional Details

The z-index needs to be adjusted.

Possible Solution

With the complexity of interaction using daisyUI and Tailwind, it would probably be best to add a class to globals.css

Tasks

• [x] Make the dropdown visible in all situations, when open
• [x] Test in browser for any breaking changes/unexpected behavior

Tags

# bug

[jonbrunt]

Creating PR to address this issue. Easy fix in the component. No global alterations needed.