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.

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

Floating Labels incorrectly centered, when text-center is on parent element. #36890

Closed
3 tasks done
hoRacy opened this issue Aug 2, 2022 · 1 comment
Closed
3 tasks done

Comments

@hoRacy
Copy link

hoRacy commented Aug 2, 2022

Prerequisites

Describe the issue

Hi.
Since Bootstrap 5.2 there is a problem with floating labels.
To version <= 5.2 floating labels always stuck to the left of input, regardless of optional parent text-center class.
From version 5.2, the label and placeholder are centered and it doesn't look like the intended action, because the label is not exactly centered (as shown in the picture or attached codepen: https://codepen.io/horacy007/pen/eYMVemr).

image

Reduced test cases

https://codepen.io/horacy007/pen/eYMVemr

What operating system(s) are you seeing the problem on?

Windows, macOS, Android, iOS, Linux

What browser(s) are you seeing the problem on?

Chrome, Safari, Firefox, Microsoft Edge, Opera

What version of Bootstrap are you using?

5.2

@florianlacreuse
Copy link
Contributor

Duplicate #36793. Fixed in #36873.

@mdo mdo closed this as not planned Won't fix, can't repro, duplicate, stale Aug 4, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants