New issue
Advanced search Search tips

Issue 884537 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 850744
Owner: ----
Closed: Nov 6
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug



Sign in to add a comment

I can not access placeholder color with JS

Reported by jeremia....@gmail.com, Sep 16

Issue description

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/68.0.3440.106 Chrome/68.0.3440.106 Safari/537.36

Steps to reproduce the problem:
1. Modify the placeholder color of an input
2. Try to access the input placeholder color with JS

What is the expected behavior?
I get the proper placeholder color with Javascript.

What went wrong?
I get a black placeholder color with Javascript.

Did this work before? N/A 

Chrome version: 68.0.3440.106  Channel: n/a
OS Version: 18.04 (64-Bit)
Flash Version: 

Posted issue in Stackoverflow

https://stackoverflow.com/questions/52355140/get-the-correct-placeholder-color-with-js
 

Comment 1 Deleted

That's why i can not reuse placeholder color in my component: http://rising-placeholder-input.surge.sh/
Labels: Needs-Triage-M68
Cc: vamshi.kommuri@chromium.org
Labels: Needs-Feedback Triaged-ET
Thanks for filing the issue!

Tried checking the issue on reported chrome version 68.0.3440.106 using Ubuntu 14.04 with the below mentioned steps.
1. Launched Chrome
2. Navigated to http://rising-placeholder-input.surge.sh/
3. Tried clicking the input fields.
we observed everything seemed normal.
Note: Considering the URL in C#2 as test file.

@Reporter: As we are not very clear about "I get a black placeholder color with Javascript.", It would be highly helpful if elaborated on it. And please let us know if we missed anything in the test steps.
https://jsfiddle.net/4jbtouke/2/

Once the input has a value, the computed placeholder color returned by Javascript is always black in Chromium
Project Member

Comment 6 by sheriffbot@chromium.org, Sep 18

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-Feedback
Tried checking the issue on reported chrome version 68.0.3440.106 and on version 60.0.3112.0 using Ubuntu 14.04 and mac 10.13.1
Our observations:
-----------------
When navigated to https://jsfiddle.net/4jbtouke/2/ and entered value in input field then text colour is seen in black. Similar behaviour is seen in 60.0.3112.0. Attaching the screencast from Mac, as we are facing technical issue while recording the screen on Linux.

@Reporter: Could you please have a look at the screen cast and let us know if the issue is seen in 60.0.3112.0(...from the screen cast) Any further inputs from your end may be helpful.

Thanks!
884537.mp4
1.1 MB View Download
The screencast shows the issue in version 60.0.3112.0.

The getComputedStyle() method fails when pulling style info from ::placeholder CSS pseudo-element.
Project Member

Comment 9 by sheriffbot@chromium.org, Oct 21

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
FYI - This is a duplicate of the following issue:

https://bugs.chromium.org/p/chromium/issues/detail?id=850744

Which I reported months ago and has been confirmed but not fixed yet.
Components: Blink>CSS
Mergedinto: 850744
Status: Duplicate (was: Unconfirmed)
From comment#10, this seems to be a duplicate of Issue 850744, hence merging into it. Requesting someone from respective team to have a look for further inputs.

Thanks!

Sign in to add a comment