blackbaud/skyux1

Styling issue breaks checkbox functionality in Sectioned Form modals

Opened this issue · 0 comments

Expected behavior

Clicking / hovering a checkbox impacts the checkbox your mouse is over,

Actual behavior

Due to weird styling issues, when you scroll within a section modal form then pieces of the checkbox are seen as the browser to be mislocated. This means that clicking on one checkbox may actually check a different checkbox

Steps to reproduce

  1. Open plunker below. Ensure preview window is large enough for "desktop" mode of sectioned form. Issue does not occur on small view.

  2. Scroll down within the sectioned form

  3. Hover and click on checkboxes. Notice that the hover and click are actually applying to checkboxes further up the form.

Plunker

http://plnkr.co/edit/4ifOTm2zeyYdbKGK1jqx?p=preview