New issue
Advanced search Search tips

Issue 675476 link

Starred by 3 users

Issue metadata

Status: Duplicate
Merged: issue 660840
Owner: ----
Closed: Dec 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Form validation message appears off screen on Windows 10

Reported by johnnyos...@gmail.com, Dec 18 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36

Steps to reproduce the problem:
1. Create a page with a form and HTML validation.  Example: https://jsfiddle.net/q4qg5f3t/1/

2. Use Windows 10 (note that behavior works fine on macOS)

3. Submit the form that will trigger a form validation.

4. Notice that nothing happens and that the error message either appears outside the window (as shown in the attached screenshot) or doesn't appear at all if the window is full screen.

What is the expected behavior?
Form validation error message should appear bellow the input element.

What went wrong?
User is left hanging because of a form validation and either no message is visible (full screen mode) or the message is hard to see because it's outside of the window.

Did this work before? Yes Not sure.

Does this work in other browsers? Yes

Chrome version: 55.0.2883.87  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 24.0 r0

This bug is isolated to Windows.  Chrome 55 on macOS works fine.  It's also not a Windows issue as the following browsers work fine on Windows:
- Firefox
- Internet Explorer
- Edge

I reproduced this problem on 2 Windows machines and another independent user also confirmed this on Stackoverflow:
http://stackoverflow.com/q/41203930/188740

Note: please refer to this Stackoverflow question for more info: http://stackoverflow.com/q/41203930/188740

This must affect any website that uses HTML validation, so it's broadly applicable.
 
chrome offscreen2.JPG
149 KB View Download
Components: -Blink>Forms Blink>Forms>Validation
Labels: -Pri-2 -Hotlist-Interop Pri-1

Comment 2 by tkent@chromium.org, Dec 18 2016

Labels: Needs-Feedback
What's the pixel scaling setting of your Windows?

Right click on the desktop background -> "Display settings" -> "Change the size of text, apps, and other items:"

It works properly for Chrome 55.0.2883.87 (Windows 10) with screen size of 1366x768.
Forgot to mention that my display scaling is 100%.
Aha! The problem is related to pixel scaling.  My machine runs at 200%.  If I switch to 100%, it works fine.

Comment 6 by tkent@chromium.org, Dec 19 2016

Mergedinto: 660840
Status: Duplicate (was: Unconfirmed)
Thank you for the information!

Sign in to add a comment