Export to GitHub

iphone-universal - issue #23

Using <p> for section footer text breaks the <h1> selectors. (Fix included.)

Posted on Nov 22, 2011 by Grumpy Panda

What steps will reproduce the problem?

&lt;body&gt;

    &lt;div id=&quot;header&quot;&gt;
        &lt;h1&gt;Header&lt;/h1&gt;
    &lt;/div&gt;

    &lt;h1&gt;My Header A&lt;/h1&gt;
    &lt;ul&gt;
        &lt;li&gt;Item&lt;/li&gt;
    &lt;/ul&gt;
    &lt;p&gt;Section footer text.&lt;/p&gt;


    &lt;h1&gt;My Header B (is way too big!)&lt;/h1&gt;
    &lt;ul&gt;
        &lt;li&gt;Item&lt;/li&gt;
    &lt;/ul&gt;
    &lt;p&gt;Section footer text.&lt;/p&gt;

&lt;/body&gt;

What is the expected output? What do you see instead?

I expected the <p> footers beneath each section to look like the footer text that most of the examples include. (And like the actual UITableView renders.) Instead, the <h1> styles get lost. They revert to the basic <h1>.

What version of the product are you using? On what operating system?

UiUIKit 1.1 on Mac OS X 10.6.8.

Please provide any additional information below.

The issue is that your "standard header on body" selector doesn't allow anything to precede the <h1> other than the div#header or a <ul>. You can add support for <p> tags to follow <ul>'s as section footers if you change this selector (line 40):

/* standard header on body */
div#header + h1, ul + h1 { ... }

to 

/* standard header on body */
div#header + h1, ul + h1, p + h1 { ... }

Status: New

Labels:
Type-Defect Priority-Medium