function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
tukmoltukmol 

HTML inconsistency: showHeader=false/true

<apex:page showHeader="false" title="Test Page" id="thisPage">
    <apex:outputPanel id="tabItem1">
        <apex:form>
            <apex:pageBlock title="Test Page">
                <apex:pageBlockSection columns="1">
                    <apex:inputText label="Input here:" style="width:500px;"/>
                </apex:pageBlockSection>
            </apex:pageBlock>
        </apex:form>
    </apex:outputPanel>        
    
    <script>
        var tab1 = document.getElementById('{! $component.thisPage.tabItem1}');
        alert(tab1.innerHTML);
    </script>
</apex:page>

In this simple apex page, when showHeader="false", innerHTML returns without the <form> tag, while it returns complete when showHeader="true"? what gives?

 

This is in IE8, our company standard browser.

 

it behaves normal in Firefox, i.e. <form> tag is not omitted whatever the showHeader flag is.

 

NOTE: the page above is just a simple page, just to show the inconsistency.