Issue 104829 in chromium: Form validation error message position bug on zoomed viewport

[chro...@googlecode.com]

Status: Unconfirmed
Owner: ----
Labels: Type-Bug Pri-2 Area-Undefined OS-Windows

New issue 104829 by toddang...@gmail.com: Form validation error message
position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

Chrome Version : <16.0.912.41 (Official Build 110024) beta-m
URLs (if applicable) :
Other browsers tested: N/A
Add OK or FAIL after other browsers where you have tested this issue:
Safari 5:
Firefox 4.x:
IE 7/8/9:

What steps will reproduce the problem?
1. Open a page with HTML5 Form validation in Chrome
2. Adjust the Chrome viewport zoom to anything other than 100%
3. Perform an action that will trigger the display of the Chrome form
validation error message
4. The relative position of the Chrome validation message to the input
element will be incorrect (compared to 100% viewport zoom)

What is the expected result?
The position of the Chrome input validation message should be adjusted with
the viewport zoom to be in the same relative position to the input element.

What happens instead?
The relative position of the Chrome input validation message changes as the
browser zoom level changes, sometimes making the message appear completely
disconnected from the input element.

Please provide any additional information below. Attach a screenshot if
possible.

Problem can be tested using this simple HTML5 form (with repo steps):
http://jsbin.com/uxadal/2

Attachments:
1-chromebug-expected.jpg 59.5 KB
2-chromebug-position_error.jpg 109 KB

[chro...@googlecode.com]

Updates:
Cc: tk...@chromium.org
Labels: -Area-Undefined Area-WebKit

Comment #1 on issue 104829 by paulir...@chromium.org: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

(No comment was entered for this change.)

[chro...@googlecode.com]

Comment #2 on issue 104829 by jry...@gmail.com: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

I am able to reproduce this in Chrome 17.0.944.0 for Ubuntu 11.04.

[chro...@googlecode.com]

Updates:
Labels: WebKit-Forms

Comment #3 on issue 104829 by tk...@chromium.org: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

(No comment was entered for this change.)

[chro...@googlecode.com]

Comment #6 on issue 104829 by tk...@chromium.org: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

Issue 152939 has been merged into this issue.

[chro...@googlecode.com]

Comment #7 on issue 104829 by nick4f...@gmail.com: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

Any news?

[chro...@googlecode.com]

Comment #8 on issue 104829 by toddang...@gmail.com: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

Bug has already been confirmed for Windows and Linux. I will note that it
is also present on OS X (confirmed bug still exists in M22 beta). Surprised
to see such a simple bug like this linger for so long...

[chro...@googlecode.com]

Updates:
Status: Started
Blockedon: chromium:146212

Comment #10 on issue 104829 by tk...@chromium.org: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

(No comment was entered for this change.)

--
You received this message because this project is configured to send all
issue notifications to this address.
You may adjust your notification preferences at:
https://code.google.com/hosting/settings

[chro...@googlecode.com]

Comment #16 on issue 104829 by toddang...@gmail.com: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

Awesome to see progress on this old bug! Happy to see a fix coming. :)

It seems this solution (moving from ShadowDOM to Native views) all but
guarantees these validation messages will never be customizable/stylable
(even as ShadowDOM/Web Components mature). Is that correct?

[chro...@googlecode.com]

Updates:
Labels: -OS-Windows OS-All

Comment #17 on issue 104829 by tk...@chromium.org: Form validation error

message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

> It seems this solution (moving from ShadowDOM to Native views) all but
> guarantees
> these validation messages will never be customizable/stylable (even as
> ShadowDOM/Web
> Components mature). Is that correct?

Correct. We won't support styling described in
http://trac.webkit.org/wiki/Styling%20Form%20Controls .

[chro...@googlecode.com]

Updates:
Labels: M-29

Comment #18 on issue 104829 by kenji...@chromium.org: Form validation

error message position bug on zoomed viewport
http://code.google.com/p/chromium/issues/detail?id=104829

Can we aim at M29?

[chro...@googlecode.com]

Comment #19 on issue 104829 by bugdro...@chromium.org: Form validation

error message position bug on zoomed viewport

http://code.google.com/p/chromium/issues/detail?id=104829#c19

------------------------------------------------------------------------
r198199 | tk...@chromium.org | 2013-05-03T21:46:15.504848Z

Changed paths:
M
http://src.chromium.org/viewvc/chrome/trunk/src/chrome/renderer/validation_message_agent.cc?r1=198199&r2=198198&pathrev=198199
M
http://src.chromium.org/viewvc/chrome/trunk/src/chrome/browser/ui/gtk/validation_message_bubble_gtk.cc?r1=198199&r2=198198&pathrev=198199

Re-implement form validation message UI with native widgets (GTK)

This CL adds a GTK implementation of ValidationMessageBubble, and
enable ValidationMessageAgent for GTK platform.

BUG=90252,90958,92816,104829,106621,113352,115451,125330,143356,155448,166981,231170,235717

Review URL: https://chromiumcodereview.appspot.com/14848002
------------------------------------------------------------------------