Float-start/end are mistakenly flipped on RTL CSS with LTR dir
superware opened this issue · comments
Prerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
When using the RTL CSS, but without dir="rtl"
, then float-start
floats right and float-end
floats left.
Reduced test cases
<html dir="ltr">
<head>
...
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.rtl.css" />
...
</head>
...
<div>
<span class="float-end">Float</span>
<span>Text</span>
</div>
...
</html>
Floats to the left, should float to the right (LTR's end).
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
v5.3.3
Hello @superware. Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case on CodePen or StackBlitz and report back with your link, Bootstrap version, and specific browser and Operating System details.
As the issue was labeled with awaiting-reply
, but there has been no response in 14 days, this issue will be closed. If you have any questions, you can comment/reply.