A group of vertically arranged radio buttons with the first button out of place

When using Microsoft Edge, the first radio button in a vertically arranged group is out of place. As you can see it appears at the very right of the page, horizontally aligned with the group label.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

AaronMcHale created an issue. See original summary.

huzooka’s picture

Assigned: Unassigned » huzooka
Status: Active » Needs work

My Edge browser is running again...

huzooka’s picture

Assigned: huzooka » Unassigned
Status: Needs work » Needs review
Issue tags: +Regression
FileSize
394 bytes

The attached patch should fix the bug.

lauriii’s picture

Do you remember why the legend has float: left; width: 100% in the first place?

huzooka’s picture

Re #4:

Floating the legend is required because fieldset legends are rendered on the top fieldset border (vertically centered).
We need the legend appear inside the fieldset, and floating the label was one of the solutions that met our needs in most of the problematic browsers.

  • lauriii committed 4a3e236 on 8.x-1.x
    Issue #3064297 by huzooka, AaronMcHale: First radio button in a group...
lauriii’s picture

Status: Needs review » Fixed

@huzooka thanks for the explanation!

Tested manually with IE Edge and this does solve the problem. Committed and pushed!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.