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 in input groups #36636

Closed
2 tasks done
hanneswylaers opened this issue Jun 27, 2022 · 1 comment
Closed
2 tasks done

Floating labels in input groups #36636

hanneswylaers opened this issue Jun 27, 2022 · 1 comment

Comments

@hanneswylaers
Copy link

hanneswylaers commented Jun 27, 2022

Prerequisites

Proposal

Regular inputs can be wrapped in a input-group. When doing this, some small css tweaks are being done e.g. setting the correct rounding on the input, increasing the z-index of the focus on the input, ...

The suggestion is to also allow floating labels to be used in an input-group.
Right now, when using a form floating input in combination with a button in an input group,

  • the right-upper and right-lower corner is still rounded (when button is at end),
  • the focus of the input is appearing below the button, while on regular input, the z-index is increased to 3.
    Screenshot from 2022-06-27 15-16-55

Motivation and context

We are using a floating input password field in combination with a button in an input group to show/hide the password.
It's a (simple) addition on what is currently existing.

@mdo
Copy link
Member

mdo commented Jul 19, 2022

Duplicate of #34513.

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

No branches or pull requests

3 participants