New issue
Advanced search Search tips

Issue 736798 link

Starred by 1 user

Issue metadata

Status: Untriaged
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Input Radius Border Render Bug CSS

Reported by trac...@googlemail.com, Jun 26 2017

Issue description

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

Steps to reproduce the problem:
1. Fill your Autofill GoogleChrome Form

2. Visit the test site or place the html+css in a html file: https://jsfiddle.net/Trackhe/mgqaprpj/

code: <!DOCTYPE HTML>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style>
body{background-color:#242f42}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px #2b303b inset;outline: none
}
input:-webkit-autofill:focus {-webkit-box-shadow:0 0 0 50px #2b303b inset;outline: none
}
</style>
</head>
<body>
<div style="width:348px;overflow:hidden;-webkit-border: 5px;-moz-border-radius:5px;border-radius:5px;border-width:1px;border-style:solid;border-color:#000">
<input  style="background:#2b303b;color:#63717f;border:0;height:40px;padding:5px;width:100%;box-sizing:border-box" type="text" placeholder="placeholder1 initial variant" required autocomplete="email" />
</div>
</body>
</html>

3. Click in the input field and select your autofill email then you can see the render bug on the input radius corner. 

What is the expected behavior?
non gray pixels in the corner

What went wrong?
Wrong Render Radius on Autofill Input

Did this work before? No 

Chrome version: 58.0.3029.110  Channel: n/a
OS Version: 10.0
Flash Version: Shockwave Flash 26.0 r0

I hope you fix it ^^
 
chrome radial bug input autokomplete.png
442 bytes View Download
Autofill Chrome chrome://settings/autofill
Das ganze kann man verzögern in dem mann beim input "transition: background-color 0s 604800s;" als css eigendschaft hinzufügt.
Labels: Needs-Milestone
Components: UI>Browser>Autofill
Labels: -Needs-Milestone M-61 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
Tested on Chrome Stable #59.0.3071.115, Canary #61.0.3143.0 on Windows 10 and able to reproduce the issue. Able to reproduce this issue on Mac 10.12.5 and Ubuntu 14.04.

This is a non-regression issue and able to reproduce from M-51 #51.0.2662.0.Marking it as untriaged so that issue gets addressed.

For the builds before 50.0.2624.0, auto-fill option for the given URL doesn’t work.

Thanks.

Sign in to add a comment