Topic: Drop down direction, in RTL mode

Kneidels pro asked 6 years ago

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. - English version - all good. - 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 class="col-10"> 
 <strong>ברמן 2</strong>

Mikołaj Smoleński staff answered 6 years ago

Try to add this code to Your css stylesheet: .dropdown-menu, .show { left: 0 !important; } Regards

Kneidels pro commented 6 years ago

Thanks - this seemed to work, when using along with `right: auto;` (to override the default `right: 0;`)

Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No