UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
Steps to reproduce the problem:
1. see reproduction file index.html
• a blur effect is applied to an element conditionally inside of another element that has hover-targetted CSS (see line 15)
• a object getting the blur effet also has a transition all css property (see line 24)
SYMPTOM:
In Mac OS Chrome 63 (observed on 2018-01-09 on Mac OS Sierra 10.12.6), when you hover over the image, the image wobbles slightly causing it to look visually off-place momentarily, then moves back to its original position. Mouse leaving the symptompatic object causes the reverse wobble as the transition animation is done in reverse.
The effect can be seen by opening attached index.html in Chrome on Mac OS. Move your cursor into and then out of the picture to see the effect.
What is the expected behavior?
the image gracefully blurs, without wobbling a few pixels.
What went wrong?
The image wobbles a few pixels when you mouse-enter (hover) or mouse-leave on the object.
Did this work before? N/A
Chrome version: 63.0.3239.132 Channel: stable
OS Version: OS X 10.12.6
Flash Version:
please see chrome-image-wobble.zip file attached, unzip and examine index.html for reproduction.
see also README.txt inside of the zip file as well
|
Deleted:
chome-image-wobble.zip
3.3 KB
|
Comment 1 by krajshree@chromium.org
, Jan 10 2018