[Webkit-unassigned] [Bug 67699] CSS 3 Attribute Selector does not work when the value of an attribute is changed on onfocus event

Wed Sep 7 00:09:34 PDT 2011

https://bugs.webkit.org/show_bug.cgi?id=67699


--- Comment #1 from Jaikishan Jalan <jai.ism at gmail.com>  2011-09-07 00:09:34 PST ---
For some reasons, I cannot attach my html file to the bug. Please see the sample html inline

<!DOCTYPE html>
<html>

<head>
 <title>Test page</title>
 <style>
   #ct[data-focus="true"] #message
   {
     background-color:blue;
   }
 </style>
 <script type="text/javascript">
  function onFoucsCallback(e)
  {
    var s = document.getElementById("message");
    s.innerHTML = "Focus";

    var d = document.getElementById('ct');
    d.setAttribute("data-focus","true");

     // Expected: Background color of div with id as message changes to blue
     // Actual: Does not change to blue in webkit based browsers (such as Safari and Chrome). It does change in 

Firefox, Opera and IE
  }

  function onBlurCallback(e)
  {
    var s = document.getElementById("message");
    s.innerHTML = "Blur";

    var d = document.getElementById('ct');
    d.removeAttribute("data-focus");

    // Expected: Background color of div with id as message changes is no longer blue
    // Actual : On Opera, background color still remains blue. Cannot test the behavior on Webkit based browser. It works as expected in Firefox and IE
  }

</script>
</head>
<body>
 <div id="ct">
  <form>
   <input type="text" onfocus="onFoucsCallback(event);" onblur="onBlurCallback(event);"/> 
  </form>
   <div id="message"></div>
 </div>
</body>

</html>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.