Dropdown position issue

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Dropdown position issue

Mazzilli pro premium priority asked 3 years ago

Expected behavior Dropdown position near to toggle. *My MDB Version: v2.1.0

Actual behavior Dropdown is absolute positioned with top: 0, left: 0

Code example

<MDBDropdown>
  <MDBDropdownToggle className='ms-2 p-1 border-0' outline >
     <GetImageCloud image='menu_outline_blu' style={{height: '28px'}} />
  </MDBDropdownToggle>
  <MDBDropdownMenu className='text-center'>
    <MDBDropdownItem>
      <MDBDropdownLink tag={Link} to='/dashboard/user'>Dashboard</MDBDropdownLink>
    </MDBDropdownItem>
    <MDBDropdownItem>
      <MDBDropdownLink tag={Link} to='/lms/courses'>Courses</MDBDropdownLink>
    </MDBDropdownItem>
  </MDBDropdownMenu>
</MDBDropdown>

Resources (screenshots, code snippets etc.) screen 1 screen 2

Krzysztof Wilk staff answered 3 years ago

Hi!

Thanks for reporting that. We will fix it in about 1-1,5 weeks.

Keep coding!

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 1.4.0
  • Device: pc
  • Browser: chrome
  • OS: win10
  • Provided sample code: No
  • Provided link: No
Tags
dropdown
Related topics
7
Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user
3
TableEditor Plugin
1
MDB Select is not working in Angular 2
1
Datepicker and dropdowns render behind content (accordions and cards )
1
Multi-level dropdown
About author
Mazzilli
Pro User Premium support
62Support score
10Questions 1Answers
0Snippets likes 0Snippets