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

Issue 597044 link

Starred by 7 users

Issue metadata

Status: Fixed
Owner:
Closed: Aug 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug

Blocked on:
issue 739091



Sign in to add a comment

Form validation bubble can appear off-screen

Reported by johnbill...@gmail.com, Mar 22 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36

Steps to reproduce the problem:
1. Implement a form field with a `required` attribute.
2. Scroll down so the field aligns to the bottom of the browser window.
3. Submit the form.

What is the expected behavior?
The "Please fill out this field" tooltip appears in view.

What went wrong?
The "Please fill out this field" tooltip appears below the field, and off the bottom of the viewport, instead of appearing above the field.

Did this work before? N/A 

Chrome version: 49.0.2623.87  Channel: stable
OS Version: OS X 10.10.3
Flash Version: Shockwave Flash 21.0 r0
 
Screen Shot 2016-03-22 at 21.20.13.png
15.1 KB View Download
Labels: Needs-Feedback
johnbillion@, Thanks for filing. Can you please provide a sample HTML file to reproduce this issue? 
Sure, attached is an HTML file that demonstrates the issue.
required.html
149 bytes View Download
Project Member

Comment 3 by sheriffbot@chromium.org, Mar 23 2016

Labels: -Needs-Feedback Needs-Review
Owner: manoranj...@chromium.org
Status: Assigned (was: Unconfirmed)
Thank you for providing more feedback. Assigning to requester "manoranjanr@chromium.org" for another review.

For more details visit https://sites.google.com/a/chromium.org/dev/issue-tracking/autotriage - Your friendly Sheriffbot
Components: -UI Internals>Views
Labels: -Needs-Review M-51 OS-Linux OS-Windows
Owner: tkent@chromium.org
26.0.1410.46 - Good
30.0.1549.0 - Bad

Here is the narrow bisect:
https://chromium.googlesource.com/chromium/src/+log/8328f0121a8a3c0d59fc7e2306803f8c6495e079..4209190e35b11413ede67daf3401ca248ec29291

tkent@, could you please look into this change (https://chromium.googlesource.com/chromium/src/+/e2f72ed9f5e7e64ad0f3e2b3e5dbcf3eb5d75d74) if possible?

Thank you!
Labels: hasbisect

Comment 6 by tkent@chromium.org, Mar 24 2016

Components: Blink>Forms>Validation
Labels: -M-51 Hotlist-Polish
Owner: ----
Status: Available (was: Assigned)
Summary: Form validation bubble can appear off-screen (was: Required field tooltip can appear off-screen)
It also appear off screen when the input is positioned near the right edge of the screen.
Chrome Bubble.png
16.0 KB View Download

Comment 8 by tkent@chromium.org, May 13 2016

Cc: kavvaru@chromium.org tkent@chromium.org
 Issue 610656  has been merged into this issue.
Project Member

Comment 9 by sheriffbot@chromium.org, May 15 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been available for more than 365 days, and should be re-evaluated. Please re-triage this issue.
The Hotlist-Recharge-Cold label is applied for tracking purposes, and should not be removed after re-triaging the issue.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 10 by tkent@chromium.org, May 15 2017

Labels: -Hotlist-Recharge-Cold
Status: Available (was: Untriaged)
This is still an issue, as demonstrated in the attached screenshot of the following test: https://jsfiddle.net/uywa5ht7/1/

About Google Chrome:
Version 59.0.3071.104 (Official Build) (64-bit)

User agent string:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.104 Safari/537.36
Screenshot_2017-06-21_15-07-57.png
93.8 KB View Download
Blockedon: 739091

Comment 13 by tkent@chromium.org, Jul 17 2017

 Issue 744349  has been merged into this issue.
Project Member

Comment 14 by bugdroid1@chromium.org, Aug 17 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/2752293b8965ddfdcf7a3780573e795188a62f1f

commit 2752293b8965ddfdcf7a3780573e795188a62f1f
Author: Kent Tamura <tkent@chromium.org>
Date: Thu Aug 17 01:04:51 2017

ValidationBubbleInRenderer: Enable it by default.

Bug:  432243 ,  597044 ,  734729 ,  736009 ,  736792 ,  739091 
Change-Id: I15a9a24cd86be34dca315f898e556b044bf0acfd
Reviewed-on: https://chromium-review.googlesource.com/607770
Reviewed-by: Kinuko Yasuda <kinuko@chromium.org>
Reviewed-by: Keishi Hattori <keishi@chromium.org>
Commit-Queue: Kent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/master@{#495027}
[modify] https://crrev.com/2752293b8965ddfdcf7a3780573e795188a62f1f/content/browser/web_contents/web_contents_impl_browsertest.cc
[modify] https://crrev.com/2752293b8965ddfdcf7a3780573e795188a62f1f/third_party/WebKit/Source/platform/RuntimeEnabledFeatures.json5

Comment 15 by tkent@chromium.org, Aug 17 2017

Owner: tkent@chromium.org
Status: Fixed (was: Available)

Comment 16 by tkent@chromium.org, Aug 17 2017

Labels: M-62

Sign in to add a comment