Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Float-start/end are mistakenly flipped on RTL CSS with LTR dir #39918

Open
3 tasks done
superware opened this issue Apr 22, 2024 · 1 comment
Open
3 tasks done

Float-start/end are mistakenly flipped on RTL CSS with LTR dir #39918

superware opened this issue Apr 22, 2024 · 1 comment
Labels
awaiting-reply needs-example

Comments

@superware
Copy link

Prerequisites

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
@github-actions GitHub Actions
Copy link
Contributor

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
awaiting-reply needs-example
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@superware @julien-deramond