Opened 12 years ago

Closed 12 years ago

Last modified 9 years ago

#4507 closed defect (fixed)

Checkbox images are misaligned with their inputs with large text on FF

Reported by: simonjb Owned by: Douglas Hays
Priority: high Milestone: 1.0
Component: Dijit - Form Version: 0.9
Keywords: Cc:
Blocked By: Blocking:

Description (last modified by simonjb)

Checkbox images are misaligned with their corresponding input elements with large text on FF. With the effect that clicking on the image does not toggle the checkbox. Instead one must click below the image on the hidden input. Here is a screenshot with the hidden input highlighted (by Firebug) below the checkbox image:

The misalignment gets worse as the text size increases.

To reproduce:

  • open dijit/tests/form/test_CheckBox.html in FF2
  • increase the text size with ctrl-+
  • click on the checkbox
  • to highlight the input in Firebug, open the HTML view and hover over the <input> element with the mouse

Attachments (1)

misaligned_checkbox.png (19.7 KB) - added by simonjb 12 years ago.

Download all attachments as: .zip

Change History (5)

Changed 12 years ago by simonjb

Attachment: misaligned_checkbox.png added

comment:1 Changed 12 years ago by simonjb

Description: modified (diff)
Summary: Checkboxes images are misaligned with their inputs with large text on FFCheckbox images are misaligned with their inputs with large text on FF

comment:2 Changed 12 years ago by bill

Owner: set to Douglas Hays

comment:3 Changed 12 years ago by Douglas Hays

Resolution: fixed
Status: newclosed

(In [10733]) Fixes #4507. Changed the background images to be centered.

comment:4 Changed 9 years ago by bill

Component: DijitDijit - Form
Note: See TracTickets for help on using tickets.