Page MenuHomePhabricator

OOjs UI: Hovering icons makes them jump around 1-2px in Chrome
Closed, ResolvedPublic

Description

  • Latest mediawiki and VisualEditor master locally
  • Chrome incognito
  • Sandbox?veaction=edit

Shows:

1 notice X


Warning: You are not logged in.
Your IP address will be recorded
in this page's edit history.

When hovering over the [X], the text "1 notice" and "Warning: .. " go down 1px and then back up again.

Not sure what it causing it, could be a browser rendering bug.


Version: unspecified
Severity: minor

Details

Reference
bz62591

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 3:04 AM
bzimport added a project: OOUI.
bzimport set Reference to bz62591.

Widening scope, the "back" button of the inspector context is affected as well.

Screen capture of "Toolbar notice close button"
: http://cl.ly/2O3c2F072a02

Screen capture of "Inspector context back button"
: http://cl.ly/2S3g0V0y2O1J

  • Bug 63020 has been marked as a duplicate of this bug. ***

Cause of the wiggling seems to be a transition on the opacity. Going to work around this by just commenting out that transition, because it's such a minor detail.

I'll also try to isolate a test case and file a bug upstream with Chrome.

Change 121279 had a related patch set uploaded by Catrope:
Don't use transitions for opacity on hover for now

https://gerrit.wikimedia.org/r/121279

Change 121279 merged by jenkins-bot:
Don't use transitions for opacity on hover for now

https://gerrit.wikimedia.org/r/121279