Skip to content

Checkbox text vertical alignment in IE/Chrome #13936

Closed

Description

@miksh7

In BS 3.2.0 the checkbox/radio text is not vertically aligned well in some scenarios in IE11 (and Chrome but a little less):

  1. Demo: Forms - Basic Example http://getbootstrap.com/css/#forms-example - shifted up
    capture
  2. Demo: Forms - Inline form http://getbootstrap.com/css/#forms-inline: shifted down
    capture
  3. Demo: Forms - Supported Controls - Inline checkboxes and radios - shifted up
    capture

The screenshots are for IE11

Activity

  1. added this to the milestone on Jun 26, 2014
  2. bchr commented on Jun 26, 2014

    @bchr
  3. cvrebert commented on Jun 27, 2014

    @cvrebert
    Collaborator

    @bchr Thanks. Opened a separate issue for that: #13964

  4. cvrebert commented on Jun 27, 2014

    @cvrebert
    Collaborator

    Confirmed (2).

    Couldn't reproduce (1) or (3) with Win 8.1 IE 11 on Sauce Labs:

    forms-example

    inline-example

  5. miksh7 commented on Jul 2, 2014

    @miksh7
    Author

    I have it in IE11 on Win7.

    One more in Chrome 35.0.1916.153 m in http://getbootstrap.com/css/#forms-inline
    capture

  6. changed the title [-]Checkbox text vertical alignment[/-] [+]Checkbox text vertical alignment in IE/Chrome[/+] on Jul 2, 2014
  7. mdo commented on Jul 7, 2014

    @mdo
    Member

    Fact of the matter is we'll never be 100% consistent across all browsers. I'm inclined to punt this to v4 to see if the problem persists with the switch to rem units over pixels.

  8. mdo commented on Aug 2, 2014

    @mdo
    Member

    Punting.

  9. removed this from the milestone on Aug 2, 2014
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 CSSv3Legacy: v3

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions