twitter bootstrap - Composite component with h:form weird rendering -


composite components h:form render in weird way. jsf markup i'm using:

<div id="modals">   <div id="modal1">     <custom:mycomp />   </div>   <div id="modal2">     <custom:mycomp />   </div>   <div id="modal3">     <custom:mycomp />   </div> </div> 

for reason, instead of rendering each composite component inside respective div, source of rendered html looks this:

<div id="modals">   <div id="modal1">     <div class="modal-dialog"><!-- rendered component --></div>             <div id="modal2">       <div class="modal-dialog"><!-- rendered component --></div>        <div id="modal3">         <div class="modal-dialog"><!-- rendered component --></div>        </div>     </div>   </div> </div> 

they being rendered inside each other, not on same level. found out removing h:form inside composite component fixes issue, need trigger actions. composite component renders markup twitter bootstrap modal:

<cc:interface></cc:interface> <cc:implementation>   <div class="modal-dialog">     <div class="modal-content">       <div class="modal-header"><!-- header --></div>     </div>     <div class="modal-body">       <h:form>         <!-- form. removing form renders html correctly need invoke actions here -->       </h:form>     </div>   </div> </cc:implementation> 

i'm using wildfly 8.0.0 final. there i'm missing or bug in jsf implementation? appreciated.

never mind, appears bug in implementation. changed wildfly 8.1.0-cr2 , working fine.


Comments

Popular posts from this blog

php - render data via PDO::FETCH_FUNC vs loop -

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

The canvas has been tainted by cross-origin data in chrome only -