Bug 147187 – Checkbox and radio controls jumps and flickers on interaction

• Status: NEW
• Component: Forms

[Jonas Walldén]

Tested in El Capitan 10.11 beta 4, Safari Version 9.0 (11601.1.39.0.2) on an iMac (27-in, late 2009, ATI Radeon HD 4850 512 MB).

Open Develop > Show Snippet Editor and paste the following code:

  <div>
    Jumps left/right:
    <input type="checkbox" style="width: 20px">
    <input type="radio" style="width: 20px">
  </div>

  <div>
    Jumps up/down:
    <input type="checkbox" style="height: 20px">
    <input type="radio" style="height: 20px">
  </div>

Now try to click on the resulting controls and watch how they jump in different directions while the mouse button is pressed. They also jump back to the original position within a second or so even if mouse isn't moved or the button released.

Related observations:

 - There is visible repaint flicker on clicks even if the style attributes are removed.

 - The inset shadow in the square/circle of the controls is visible while the mouse button is pressed even when the cursor leaves the control boundary (unlike native checkbox/radio controls in OS X).

[Alexey Proskuryakov]

Happens in shipping Safari, so not a regression.