<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>201034</bug_id>
          
          <creation_ts>2019-08-22 06:57:29 -0700</creation_ts>
          <short_desc>Emoji in placeholder text does not appear faded</short_desc>
          <delta_ts>2026-03-28 15:27:36 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Text</component>
          <version>Safari 12</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>Unspecified</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Jeffrey">jeffreyca16</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>ahmad.saleem792</cc>
    
    <cc>mmaxfield</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1564029</commentid>
    <comment_count>0</comment_count>
    <who name="Jeffrey">jeffreyca16</who>
    <bug_when>2019-08-22 06:57:29 -0700</bug_when>
    <thetext>(Copied from https://bugs.chromium.org/p/chromium/issues/detail?id=932026)

Demo URL: https://e.myconan.net/test-input-placeholder.html

What is the expected behavior?
Emoji in placeholder text should be faded out just like the rest of the text.

What went wrong?
Emoji in placeholder text is fully visible.

Reproducible on Safari 12.1.2 (14607.3.9).</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1564030</commentid>
    <comment_count>1</comment_count>
    <who name="Jeffrey">jeffreyca16</who>
    <bug_when>2019-08-22 07:03:02 -0700</bug_when>
    <thetext>The fix should be a matter of changing the &apos;color&apos; property of the &apos;placeholder&apos; element to use an RGBA opacity value (e.g. rgba(0, 0, 0, 0.54)) instead of darkGray in /Source/WebCore/css/html.css, and updating test cases.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1564212</commentid>
    <comment_count>2</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2019-08-22 14:07:19 -0700</bug_when>
    <thetext>&lt;rdar://problem/54613515&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1655536</commentid>
    <comment_count>3</comment_count>
    <who name="Myles C. Maxfield">mmaxfield</who>
    <bug_when>2020-05-22 17:46:34 -0700</bug_when>
    <thetext>Firefox fades the emoji, Chrome doesn&apos;t.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1900942</commentid>
    <comment_count>4</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2022-09-24 16:22:03 -0700</bug_when>
    <thetext>(In reply to Myles C. Maxfield from comment #3)
&gt; Firefox fades the emoji, Chrome doesn&apos;t.

Chrome mark the bug mentioned in Comment 0 as &quot;WONTFIX&quot; but someone comment that it seems to be fixed on Chrome 88 using Windows Platform but testing on Chrome Canary 108 using macOS 12.6, I still get same behavior as you mentioned and &quot;emoji&quot; does not fade.

Safari 16, STP 154 and Chrome Canary 108 does not fade &quot;emoji&quot; while Firefox Nightly 107 does fade emoji.

Just wanted to share updated input. Thanks!</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1900943</commentid>
    <comment_count>5</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2022-09-24 16:27:12 -0700</bug_when>
    <thetext>Does not have anything in UA stylesheet from standard:

https://drafts.csswg.org/css-pseudo-4/#highlight-ua-styles

but has following - UAs may apply additional effects to enhance the presentation of highlighted content, for example dimming content other than the highlighted text.

Firefox has following in UA Stylesheet:

https://searchfox.org/mozilla-central/source/layout/style/res/forms.css#179</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2194766</commentid>
    <comment_count>6</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2026-03-28 15:27:36 -0700</bug_when>
    <thetext>*** Firefox Nightly 151 ***

Faded emoji

*** Safari 26.4 ***

Not faded emoji

*** Chrome Canary 148 ***

Not faded emoji

___

All on macOS.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>