I have a page with fields sorted out in a couple of pageBlocks. Some blocks start off hiden (rendered=false) and are only rendered if the user click some button. The fields use inlineEditSupport with the Cancel and Save buttons appearing if inline edit was done. Problem is that these Cancel and Save buttons only appear when I inline edit fields in pageBlocks which are rendered initially and not for fields in pageBlocks which start off hidden and appear only after some user action. Any idea why this is happening and how to fix this?
In the below snippet boolHeaderSection start as true and which for inlineEdit is working while boolDetailSection start as false and only after user action turns to true and which for inlineEdit is not working
<apex:pageBlock mode="inlineEdit">
<apex:facet name="header">
<apex:outputPanel id="pageBlockHeader">
<apex:outputText value="{!Item__c.Name}" id="titleHeader"/>
<apex:outputPanel layout="inline" id="headerButtons">
<apex:commandButton value="Approve Edits" rerender="theTabPanel" id="approveButton"/>
<apex:commandButton value="Edit" id="editButton" action="{!urlFor('/'+Portfolio_Catalog_Item__c.Id+'/e', null, [retURL='/apex/NicePortfolioCustomDetail?Id='+Portfolio_Catalog_Item__c.Id])}"/>
<apex:commandButton value="Delete" action="{!deleteCatalogItem}" id="deleteButton"/>
<apex:commandButton value="Clone" id="cloneButton" action="{!urlFor('/'+Portfolio_Catalog_Item__c.Id+'/e?clone=1', null, [retURL='/apex/NicePortfolioCustomDetail?Id='+Portfolio_Catalog_Item__c.Id])}"/>
<apex:commandButton action="{!saveCatalogItem}" id="saveButton" value="Save" rerender="pageBlockHeader, theTabPanel" style="display:none"/>
<apex:commandButton id="cancelButton" value="Cancel" style="display:none"/>
</apex:outputPanel>
</apex:outputPanel>
</apex:facet>
<apex:outputPanel>
<apex:panelGrid columns="2">
<apex:panelGroup>
</apex:panelGroup>
<apex:pageBlock>
<apex:pageBlock title="Header" rendered="{!boolHeaderSection}">
<apex:pageblocksection columns="1">
<apex:outputField value="{!Item__c.edit_Valu__c}">
<apex:inlineEditSupport showOnEdit="saveButton, cancelButton" event="ondblclick" hideOnEdit="editButton, approveButton, deleteButton, cloneButton" changedStyleClass="myBoldClass" resetFunction="resetInlineEdit"/>
</apex:outputField>
</apex:pageblocksection>
</apex:pageBlock>
<apex:pageBlock title="Description" rendered="{!boolDetailSection}">
<apex:pageblocksection columns="1">
<apex:outputField value="{!Item__c.Price__c}">
<apex:inlineEditSupport showOnEdit="saveButton, cancelButton" event="ondblclick" hideOnEdit="editButton, approveButton, deleteButton, cloneButton" changedStyleClass="myBoldClass" resetFunction="resetInlineEdit"/>
</apex:outputField>
</apex:pageblocksection>
</apex:pageBlock>
</apex:pageBlock>
</apex:panelGrid>
</apex:outputPanel>