Dropdown on User Menu left aligned

Created on 20 August 2020, over 4 years ago
Updated 25 January 2024, 11 months ago

Problem/Motivation

When adding a dropdown menu on the user menu it is partially rendered off canvas as the dropdown is left aligned agains a right aligned menu item.

Steps to reproduce

Add sub menu items on the account menu and show expanded - view in desktop mode

Proposed resolution

I have used some simple CSS

.block--radix-hq-user-nav .dropdown-menu {
  right: 0;
  left: auto;
}

But we should be able to know if the the nav is right aligned the dropdown should also be right aligned.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Closed: works as designed

Version

4.0

Component

Code

Created by

🇬🇧United Kingdom dwkitchen London

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇮🇳India Sandeep Sanwale

    as on the hover the dropdown menu is not expanding now i have added some extra css in minified css file.

  • Status changed to Closed: works as designed 11 months ago
  • This is not a bug, this is Bootstrap 4 being Bootstrap 4, the solution is theme specific and we cannot fix an overall theme issue with CSS, closing it

Production build 0.71.5 2024