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

Issue 664955 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Dec 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

On 1440p resolution and above, HTML5 validation tool tips appear in the wrong position

Reported by a...@ashfrancis.com, Nov 14 2016

Issue description

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

Steps to reproduce the problem:
1. Use a 1440p monitor
2. Set up a form with a required field
3. Try to submit the form

What is the expected behavior?
The tooltip should be positioned adjacent to the input field, rather than somewhere else on the page.

What went wrong?
The tooltip appears in an incorrect position on the page.

Did this work before? N/A 

Chrome version: 54.0.2840.71  Channel: n/a
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0
 
tooltip-position.PNG
511 KB View Download

Comment 1 by a...@ashfrancis.com, Nov 14 2016

Please note, this also occurs on Chromium Version 54.0.2840.99 (64-bit)

Cc: krajshree@chromium.org
Labels: Needs-Feedback
Unable to reproduce the issue on Windows-10 using chrome reported version #54.0.2840.71, latest chrome stable #54.0.2840.99 and latest canary #56.0.2919.0.

Attached a screen cast for your reference.

Following are the steps followed to reproduce the issue.
------------
1. Set up the screen resolution of windows-10 monitor to 1440p.
2. Navigated to Facebook signup page.
3. Tried entering into the "First name" and "Surname" field.
4. Observed that the tool tip appeared at position adjacent to the input field as expected.

Reporter@ - Could you please verify the screen cast and please let us know if anything missed from our side. Also please if possible provide a sample html form to test this issue.

Thanks...!!

664955.mp4
1.2 MB View Download

Comment 3 by a...@ashfrancis.com, Nov 15 2016

Hi Krajshree, that is 900p not 1440p - hence why you're not hitting this bug :) 

If you have 2 monitors you might be able to replicate this by minimizing your window and then dragging it across multiple monitors (though I'm not sure if this will be sufficient). Otherwise you'll only be able to do it with a higher resolution monitor. 

Codepen here to test: http://codepen.io/ashfrancis/pen/LbZBVN

Also worth noting that facebook.com does not use HTML5 required attribute on that home login so wouldn't show. 

https://www.w3.org/wiki/HTML5_form_additions#required 

I've attached a video of me replicating the bug. 
required-tooltip-bug.webm
533 KB View Download
Project Member

Comment 4 by sheriffbot@chromium.org, Nov 22 2016

Labels: -Needs-Feedback Needs-Review
Owner: krajshree@chromium.org
Thank you for providing more feedback. Adding requester "krajshree@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Cc: jmukthavaram@chromium.org
Labels: -Needs-Review Needs-Feedback
Owner: ----
Tested this issue on Windows 10 using Chrome latest Canary Version#57.0.2957.0 with High resolution monitor (2048*1536) & observed tooltip displayed properly in facebook site & below Codepen (Comment#3)

http://codepen.io/ashfrancis/pen/LbZBVN

Please find the attached screencast & update us on the same.

Thank you.
664955-hdpi.mp4
1.6 MB View Download

Comment 6 by a...@ashfrancis.com, Dec 21 2016

Confirm resolved in latest Canary Version 57.0.2957.0 (64-bit) :) 

Project Member

Comment 7 by sheriffbot@chromium.org, Dec 28 2016

Labels: -Needs-Feedback Needs-Review
Owner: jmukthavaram@chromium.org
Thank you for providing more feedback. Adding requester "jmukthavaram@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Needs-Review
Owner: ----
Status: WontFix (was: Unconfirmed)
Reporter@,

As per Comment#6, marking this issue as 'Wontfix'.

Thank you!!

Sign in to add a comment