Topic: MDBDropdown isOpen prop does not exist
Rossi20022022 pro premium priority asked 2 years ago
I am trying to use isOpen property on dropdown to close the dropdown on click event inside the dropdown buttons. But isOpen property does not exist.
How I can close the dropdown when clicking inside?
https://mdbootstrap.com/docs/react/components/dropdowns/#docsTabsAPI
Stanisław Jakubowski staff answered 2 years ago
Hi!
isOpen property is only responsible for MDBDropdown being open on the first render. This code should render an initially open dropdown with buttons. Dropdown should be closed when the button is clicked. Our dropdown components currently do not accept refs. Thanks for the suggestion, we will consider adding it in the next update!
<MDBDropdown isOpen>
<MDBDropdownToggle>Dropdown button</MDBDropdownToggle>
<MDBDropdownMenu>
<MDBDropdownItem childTag='button' link>
Action
</MDBDropdownItem>
<MDBDropdownItem childTag='button' link>
Another action
</MDBDropdownItem>
<MDBDropdownItem childTag='button' link>
Something else here
</MDBDropdownItem>
</MDBDropdownMenu>
</MDBDropdown>
Rossi20022022 pro premium priority answered 2 years ago
Update: If I call the click event on the MDBDropdownToggle element it will close/open every time. How I can pass ref to the toggle element. It saying: _Function components cannot be given refs. Attempts to access this ref will fail.
I am seeing that the MDBDropdown components are not using forwardRef. Do you plan to add it?
thomstr answered 3 months ago
Any progress using forwardRef on MDB components? I need my code to respond to MDBDropdownItem button but not able to get its ref. The code cannot be moved from another component to use the plain onClick.
Beside, the MDBDropdown does not emit onOpen, onClose events.
Mateusz Lazaru staff commented 3 months ago
We didn't decide to add forwarding ref to MDBDropdownItem. What is the usecase? Maybe I'll be able to help you without it.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB React
- MDB Version: MDB5 4.2.0
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes