New issue
Advanced search Search tips

Issue 817088 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Closed: Apr 2018
Cc:
Components:
EstimatedDays: ----
NextAction: 2018-03-19
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Links that are clickable in every other browser aren't clickable in Chrome

Reported by bhage...@gmail.com, Feb 27 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.167 Safari/537.36

Example URL:
http://www.al-anon-alateen-msp.org/pages/meetings.html

Steps to reproduce the problem:
1. Hover over "Sunday" in either of the two boxes at the top of the browser.
2. Notice that the cursor doesn't change to a hand.
3. Click on "Sunday," which is a clickable link in other browsers, and notice that nothing happens.

What is the expected behavior?
A link should open.

What went wrong?
No link opens.

Does it occur on multiple sites: No

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 64.0.3282.167  Channel: n/a
OS Version: 10.0
Flash Version: 

This works in other browsers. Someone suggested the problem may be with how Chromium is calculating the cursor location. Note that only half of the word "saturday" is clickable, which suggests cursor-location is indeed the problem.
 

Comment 1 by bhage...@gmail.com, Feb 27 2018

The problem disappears if the browser window is sized below 1000px, a CSS breakpoint at which the page wraps and the "Sunday" link becomes clickable. So this seems like it has something to do with how the >1000px page is being drawn by Chrome.
Components: Blink>HitTesting

Comment 3 by ajha@chromium.org, Feb 28 2018

Labels: Needs-Triage-M64

Comment 4 by woxxom@gmail.com, Feb 28 2018

Chrome keeps #leftwrapper (a floating <div> that contains a <table>) width to its original value (i.e. it doesn't add the specified "margin-left: 20%") so the padding of the right column partly obscures the left column and any clicks there hit this padding, thus nothing happens. Hit-testing per se is correct. The question remains if Chrome renders the layout correctly or Firefox (it extends #leftwrapper by the added margin so no overlapping occurs).
Cc: susan.boorgula@chromium.org
Labels: -Type-Compat Triaged-ET M-66 FoundIn-66 Target-66 OS-Linux OS-Mac Type-Bug
Status: Untriaged (was: Unconfirmed)
bhagerty@ Thanks for the Feedback.

Able to reproduce the issue on Windows 10, Mac OS 10.12.6 and Ubuntu 14.04 on the latest Canary 66.0.3356.0 and Stable 64.0.3282.186.

On navigating to the above link and hovering on Sunday, can observe that the pointer doesn't change to a hand icon.

This is a Non-Regression issue as this behavior is observed from M60 Chrome builds. 
Hence marking this as Untriaged for further updates from Dev.

Thanks..
Components: -Blink>HitTesting Blink>Layout
The issue, as indicated in comment #4, is that the float: left div (#leftwrapper) has a margin that moves it over but that margin does not seem to be considered in positioning the float: left that comes after it (#rightwrapper).

Firefox does use the margin to influence position.

To me this is a layout issue. I think Firefox does the right thing.
Labels: -M-66 -FoundIn-66 -Target-66 Needs-Feedback
NextAction: 2018-03-19
Edge renders like Chrome. Safari renders like Chrome.

bhagerty@, What other browser behaves like Firefox?

Comment 8 by bhage...@gmail.com, Mar 2 2018

I was told, but cannot verify, that Internet Explorer (unspecified version) renders like Firefox. I was also told that the link was clickable on various phone-based browsers, but that is probably because the window is under 1000px wide. The problem only arises when the page is wider than 1000px. 
The NextAction date has arrived: 2018-03-19

Comment 10 by bhage...@gmail.com, Mar 19 2018

I don't understand the alert about the NextAction date. I don't have any other information.

Comment 11 by e...@chromium.org, Apr 4 2018

Owner: ikilpatrick@chromium.org
Status: Assigned (was: Untriaged)
Would you mind commenting on this Ian? Looks like we're matching Edge here.
Status: WontFix (was: Assigned)
(TL;DR intrinsic sizing with margins)

The rendering is unfortunately correct in this case.

DOM structure:

#leftwrapper (float: left)
  #leftcontent
    #daylinks (margin-left: 20%)
#rightcontent

As #leftwrapper is a float, we perform shrink to fit sizing. The intrinsic size calculation resolves the size of #daylinks margin-left to 0px. This sizes the float's width to approx 435px.

After we've determined the float's width via. shrink-to-fit, we perform layout where now the margin-left gets resolved to 87px or so, shifting the table over and making the sibling #rightcontent now "overlap" with #leftwrapper.

This works in Firefox as they have implemented a different algorithm to other engines when it comes to intrinsic-sizing where they attempt to be able to resolves the percentages against something that is non-zero.

Other engines are unlikely to implement FF's algorithm at the moment.

For the site if they are able to update their CSS would be to either change the margin-left to something not percentage based on #daylinks, e.g. 10vw, 80px, etc, or move the margin up to leftwrapper.

Thanks,
Ian

Sign in to add a comment