Fixed 38

[FabulousCodingFox]

Description

I have already tried to fix this bug by simply raising the sidebar above all other menus (see #26 ). There @Defelo suggested to close all other menus instead.

Since that pull, the dropdown menu in question has been given a function that closes it when interacting outside of it. Unfortunately, this does not solve the problem, as there are still artifacts or false overlaps in the transition. That's why I am nevertheless forced to raise the sidebar.

This can also not be prevented by adjusting the transition in NavbarMenu.vue so that it triggers directly and not only after 1000ms.

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] Translation updates (fix/improve or add new translations)

Fixes Bootstrap-Academy/Bootstrap-Academy#38

My Bootstrap Academy username: FabulousFox

[FabulousCodingFox]

Captured the brief moment where the sidebar deployed but the profile navbar transition has not triggered yet

[FabulousCodingFox]

The merge conflict has been resolved. Testing is still required to verify functionality.

[github-actions[bot]]

Preview deployed to https://071631b2.academy-preview.pages.dev (total size: 14M)

[FabulousCodingFox]

I intended to remove the unused z-100 class from Tailwind, but I noticed it’s still being used in other files. Therefore, I'll keep it for now.

[FabulousCodingFox]

I’ve completed the testing, and it’s now working as expected.