Topic: Drop down direction, in RTL mode
Using 4.4.1
I have a drop down, that triggers fine when the interface is English,
but when i am in RTL mode, the menu still opens towards the left (ie - right: 0), where as it should be left: 0
the consequence is that the menu is sometimes hidden, or causes horizontal scrolling.
Attaching a screenshot that explains it.
https://ibb.co/ewCHSm - English version - all good.
https://ibb.co/jEB0f6 - RTL version - problem
also, here is my code:
<div class="roomItem clearfix" id="room1855"> <div class="row"> <div class="col-1 order-12"> <div class="dropdown actionButtons"> <a id="menu1855" data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></a> <div class="dropdown-menu" aria-labelledby="menu1855"> <a href="javascript:;" class="dropdown-item roomtriggeredit" data-roomid="1855">edit</a> <a href="javascript:;" class="dropdown-item roomtriggerdel " data-roomname="ברמן 2" data-roomid="1855">delete</a> </div> </div> </div> <div class="col-10"> <strong>ברמן 2</strong> </div> </div> </div>
Mikołaj Smoleński staff answered 7 years ago
right: auto;
(to override the default right: 0;
)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No