Bug 147187 - Checkbox and radio controls jumps and flickers on interaction
Summary: Checkbox and radio controls jumps and flickers on interaction
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-07-22 02:21 PDT by Jonas Walldén
Modified: 2018-04-04 10:14 PDT (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Jonas Walldén 2015-07-22 02:21:44 PDT
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).
Comment 1 Alexey Proskuryakov 2015-07-23 20:32:48 PDT
Happens in shipping Safari, so not a regression.