New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 606159 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Apr 2016
Cc:
█ msrchandra@chromium.org
dgro...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Unstable position of table elements having box-sizing border-box and a hover effect

Reported by stoilov....@gmail.com, Apr 23 2016 
Chrome Version: 49.0.2623.110 (Official Build) (64-bit) on OS X 10.11.1 (rev 575538bc320e213510be1e66f3521382e615129d-refs/branch-heads/2623@{#657})

URLs : http://codepen.io/IvanStoilov/pen/jqpXEV
Other browsers tested:
     Safari: OK, 45.0.2
    Firefox: OK
         IE: Not Tested

What steps will reproduce the problem?
(1) Position the mouse cursor on over the table and scroll 20-30px to the right.
(2) Move the mouse cursor over the table cell elements, so that the hover effect is triggered.
(3) Scroll horizontally again and move the mouse cursor again.

What is the expected result?
The position of the first column of the table remain static.

What happens instead?
The position of the first column of the table is changed every time the hover event is triggered.


The problem is caused by the "box-sizing: border-box" of the TH elements (line 24 in the codepen) and the hover effect revealing a hidden div. If there box-sizing is set to content-box or there is no :hover css directive then there is no bug.

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.110 Safari/537.36

Comment 1 by msrchandra@chromium.org, Apr 25 2016

Cc: msrchandra@chromium.org
Labels: Needs-Feedback
Verified the issue on Latest Stable# 50.0.2661.87 on Mac OS X 10.11.4 and could not reproduce the issue as per the steps mentioned.
@stoilov.ivan -- Could you please provide us the screen cast of the issue which would help us triage further.
Thanks in Advance.

Comment 2 by stoilov....@gmail.com, Apr 25 2016 

Hi, this screencast was taken using Chrome version 50.0.2661.86 (Official Build) (64-bit).

(Revision 4604d24a75168768584760ba56d175507941852f-refs/branch-heads/2661@{#615})
chrome-box-sizing-issue-2.mov
1.0 MB Download

Comment 3 Deleted

Comment 4 by stoilov....@gmail.com, Apr 25 2016 

BTW, thanks for the quick response!

Comment 5 by msrchandra@chromium.org, Apr 26 2016

Labels: -Needs-Feedback TE-NeedsTriageFromMTV OS-Mac
Verified the issue on Mac OS X 10.11.4 using Chrome Stable# 50.0.2661.87 and could not reproduce the issue.
Could some one from MTV team please verify the issue on Mac OS X 10.11.1 and help in triaging the issue.
Thank You.

Comment 6 by shrike@chromium.org, Apr 27 2016

Components: Blink>Layout>Table Blink>Scroll
Labels: -TE-NeedsTriageFromMTV
Status: Unti (was: Unconfirmed)
Reproduced in 50.0.2661.86. See attached movie.
TableScrollProblem.mov
1.2 MB Download

Comment 7 by shrike@chromium.org, Apr 27 2016

Labels: -Pri-3 Pri-2
Status: Untriaged (was: Unti)
TableScrollProblem.mov
1.2 MB Download

Comment 8 by e...@chromium.org, Apr 27 2016

Status: WontFix (was: Untriaged)
Unable to reproduce on either stable, beta or tip of tree.
►

Sign in to add a comment