Bug 8499 - webaccess fancy placeholder background bugs in Chrome
Summary: webaccess fancy placeholder background bugs in Chrome
Status: NEW
Alias: None
Product: ThinLinc
Classification: Unclassified
Component: Web Access (show other bugs)
Version: trunk
Hardware: PC Unknown
: P2 Normal
Target Milestone: LowPrio
Assignee: Bugzilla mail exporter
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2025-01-27 14:17 CET by Tobias
Modified: 2025-01-28 16:27 CET (History)
1 user (show)

See Also:
Acceptance Criteria:


Attachments
Webaccess fancy placeholder in Chrome (16.72 KB, image/png)
2025-01-27 14:17 CET, Tobias
Details

Description Tobias cendio 2025-01-27 14:17:32 CET
Created attachment 1259 [details]
Webaccess fancy placeholder in Chrome

Seen in ThinLinc version 4.18.0 in Chrome 132 on Fedora 41 and Chrome 131 on macOS 15.2 (M1).

The bug appears at the webaccess login page when Chrome initially doesn't autofill both input fields properly for some reason, resulting in the password placeholder with a white background overlaid on a colored background -- see attached screenshot. As soon as you click the password field, it is filled and the placeholder jumps up as intended.
Comment 1 Tobias cendio 2025-01-27 14:40:43 CET
Cannot reproduce this in Firefox; haven't explored other browsers beyond these two.
Comment 2 Samuel Mannehed cendio 2025-01-27 16:06:28 CET
The following CSS seems to fix this:

> input:-webkit-autofill {
>     -webkit-text-fill-color: black !important;
>     -webkit-box-shadow: 0 0 0 30px white inset !important;
> }
Comment 3 Samuel Mannehed cendio 2025-01-28 16:27:46 CET
(In reply to Samuel Mannehed from comment #2)
> The following CSS seems to fix this:
> 
> > input:-webkit-autofill {
> >     -webkit-text-fill-color: black !important;
> >     -webkit-box-shadow: 0 0 0 30px white inset !important;
> > }

The above CSS makes the input white, even if the values therein were autofilled. It might be worth keeping Chrome's coloring to indicate that something has been autofilled. It's there for a reason.

The real problem isn't the blue colors, it's the fact that "Password" appears in a white box in an ugly way on top of the blue. What would happen if we make the background of the fancy placeholder transparent when in the bottom position?

Note You need to log in before you can comment on or make changes to this bug.