Skip to content

Auto-sizing form label doesn't align correctly with custom form controls #26616

Closed

Description

@andresgalante

Since the custom select has a width: 100% here the custom select goes to a new line when there is a label:

screen shot 2018-05-28 at 9 15 55 am

I've added a sr-only class to the label on #26615 to fix the docs.

If an author wants to use a label with a custom element they can use the form-inline class on the form element and it'll work just fine, but not with Auto-sizing.

Activity

  1. added
    cssSass sources or compiled CSS
    v4v4, the frozen docs on gh-pages
    on May 28, 2018
  2. mdo commented on Jul 9, 2018

    @mdo
    Member

    Yeah, we could override this to width: auto I think?

  3. mdo commented on Dec 17, 2018

    @mdo
    Member

    I think I'm going to close this as a won't fix? Only viable option I see here is to customize the .col-auto with some utilities (e.g., d-flex and margins).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    cssSass sources or compiled CSSv4v4, the frozen docs on gh-pages

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions