EPUB 3 TOC entries in Nav Doc produce extraneous whitespace in iBooks

[elmimmo]

The TOC generated when creating an EPUB 3 produces items that contain unnecessary preceding and trailing whitespace as well as preceding and trailing line breaks. Those are rendered by iBooks in its native TOC view, producing TOC with far too much whitespace:

Actual result:

<nav epub:type="toc">
    <h1 id="toc-title">My EPUB 3</h1>
    <ol class="toc">
        <li id="toc-li-1">
            <a href="ch001.xhtml">
                <span>Chapter 1</span>
            </a>
        </li>
        <li id="toc-li-2">
            <a href="ch002.xhtml">
                <span>Chapter 2</span>
            </a>
            <ol class="toc">
                <li id="toc-li-3">
                    <a href="ch003.xhtml">
                        <span>Chapter 2.1</span>
                    </a>
                </li>
                <li id="toc-li-4">
                    <a href="ch004.xhtml">
                        <span>Chapter 2.2</span>
                    </a>
                </li>
            </ol>
        </li>
        <li id="toc-li-5">
            <a href="ch005.xhtml">
                <span>Chapter 3</span>
            </a>
        </li>
        <li id="toc-li-6">
            <a href="ch006.xhtml">
                <span>Chapter 4</span>
            </a>
        </li>
    </ol>
</nav>

Below, the expected result, in order to obtain a proper appearance in iBooks:

<nav epub:type="toc">
    <h1 id="toc-title">My EPUB 3</h1>
    <ol class="toc">
        <li id="toc-li-1">
            <a href="ch001.xhtml">Chapter 1</a>
        </li>
        <li id="toc-li-2">
            <a href="ch002.xhtml">Chapter 2</a>
            <ol class="toc">
                <li id="toc-li-3">
                    <a href="ch003.xhtml">Chapter 2.1</a>
                </li>
                <li id="toc-li-4">
                    <a href="ch004.xhtml">Chapter 2.2</a>
                </li>
            </ol>
        </li>
        <li id="toc-li-5">
            <a href="ch005.xhtml">Chapter 3</a>
        </li>
        <li id="toc-li-6">
            <a href="ch006.xhtml">Chapter 4</a>
        </li>
    </ol>
</nav>

or even better, for the sake of readability:

<nav epub:type="toc">
    <h1 id="toc-title">My EPUB 3</h1>
    <ol class="toc">
        <li id="toc-li-1"><a href="ch001.xhtml">Chapter 1</a></li>
        <li id="toc-li-2"><a href="ch002.xhtml">Chapter 2</a>
            <ol class="toc">
                <li id="toc-li-3"><a href="ch003.xhtml">Chapter 2.1</a></li>
                <li id="toc-li-4"><a href="ch004.xhtml">Chapter 2.2</a></li>
            </ol>
        </li>
        <li id="toc-li-5"><a href="ch005.xhtml">Chapter 3</a></li>
        <li id="toc-li-6"><a href="ch006.xhtml">Chapter 4</a></li>
    </ol>
</nav>

[mpickering]

Do you have the source file you used to generate this output?

[elmimmo]

Well, not, exactly as the code above was hand-edited to make them more generic than the one pertaining to the book I was working with.

The one below produces almost identical one that, and at any rate, causes the same visual defect in iBooks:

# My EPUB 3 #

An intro text.

## Chapter 1 ##

This is chapter 1.

## Chapter 2 ##

This is chapter 2.

### Chapter 2.1 ###

This is subchapter 1 inside chapter 2.

### Chapter 2.2 ###

This is subchapter 2 inside chapter 2.

## Chapter 3 ##

This is chapter 3.

## Chapter 4 ##

This is chapter 4.

Convert it to EPUB 3 running

pandoc -f markdown -t epub3 -o sample.epub sample.md

unzip the file sample.epub and inspect the file nav.xhtml.

This is with pandoc 1.12.4.2 (compiled with texmath 0.6.6.3, highlighting-kate 0.5.8.3.) installed with Homebrew on Mac OS X 10.7.5.