title: Composite component does not print #{cc.attrs.xxx} in style attribute
body: <p>I am observing this component snippet : </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:cc="http://java.sun.com/jsf/composite"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"&gt;
    &lt;cc:interface&gt;
      &lt;cc:attribute name="width" default="300"/&gt;
      &lt;cc:attribute name="height" default="400"/&gt;
    &lt;/cc:interface&gt;
    &lt;cc:implementation&gt;
      &lt;h:outputStylesheet library="css" name="styles.css"/&gt;
      &lt;h:form prependId="false"&gt;
        &lt;div id="links" style="width: #{cc.attrs.width}px; height: #{cc.attrs.height}px"&gt;              
          &lt;/ul&gt;
        &lt;/div&gt;          
      &lt;/h:form&gt;
    &lt;/cc:implementation&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><em>p.s.the code is modified</em></p>
  
  <p>...<a href="http://mrbool.com/customizing-components-in-jsf-2-0/23854" rel="nofollow">which shows</a> how to set css values dynamically; I tried the way with css as : </p>
  
  <p><code>style="width: #{cc.attrs.width}px; height: #{cc.attrs.height}px"</code> </p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I tried to use the component (in same project) as a simple tag placing it to <em>"WEB-INF/mytestcomponent"</em> :</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;!DOCTYPE facelet-taglib PUBLIC
  "-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN"
  "http://java.sun.com/dtd/facelet-taglib_1_0.dtd"&gt;
  &lt;facelet-taglib&gt;
     &lt;namespace&gt;http://testcomponent.com/jsf/facelets&lt;/namespace&gt;
     &lt;tag&gt;
      &lt;tag-name&gt;testComponent&lt;/tag-name&gt;
        &lt;source&gt;testComponent.xhtml&lt;/source&gt;      
     &lt;/tag&gt;
  &lt;/facelet-taglib&gt;
  </code></pre>
  
  <p>p.s.according to <a href="http://www.mkyong.com/jsf2/custom-tags-in-jsf-2-0/" rel="nofollow">this</a> example</p>
  
  <p>Then I call the component as : </p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:composite="http://java.sun.com/jsf/composite"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:test="http://testcomponent.com/jsf/facelets"
        &gt;
  
  &lt;body&gt;
  ...
  &lt;test:testComponent&gt;&lt;/test:testComponent&gt;
  ...
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but seems like it doesn't work :( The generated code gives empty values as </p>
  
  <pre><code>"width: ; height:"
  </code></pre>
  
  <p>So my question is what causes the issue and how to fix that?</p>
  
  <p>Thanks</p>