dropdown-menu-end in RTL
See original GitHub issueIn RTL .dropdown-menu-end has wrong position
.dropdown-menu-end {
right: 0;
left: auto;
}
It should be
.dropdown-menu-end {
right: auto;
left: 0;
}
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Bootstrap dropdown RTL alignment - Stack Overflow
I.e. it won't make the dropdown appear in RTL (Right To Left) mode. ... 3- for dropdown menu rtl , just use "dropdown-menu-end...
Read more >Dropdowns · Bootstrap-rtl
All dropdown events are fired at the .dropdown-menu 's parent element and have a relatedTarget property, whose value is the toggling anchor element....
Read more >Dropdowns - Bootstrap 4 RTL
All dropdown events are fired at the .dropdown-menu 's parent element and have a relatedTarget property, whose value is the toggling anchor element....
Read more >Dropdowns · Bootstrap v5.0
Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown JavaScript ...
Read more >RTL multi dropdown menu - CodePen
<li><a href="https://github.com/fontenele/bootstrap-navbar-dropdowns" target="_blank">GitHub Project</a></li>. 16. </ul>. 17. <ul class="nav navbar-nav">.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
So we’re safe to remove the RTL ignore part 😃
[data-bs-popper="none"]
is intended @ffoodd, it means that dropdown is not handled by the Popper and should be handled by the CSS only (in case of RTL as well).[data-bs-popper]
selector is used for two situations: when the dropdown is static ([data-bs-popper="static"]
) or placed inside the navbar ([data-bs-popper="none"]
).