ePub3 Navigation issue on iPad
Hi,
I have an ePub3 file. In the epub3 file there is a navigation file called nav.xhtml which contains Table of Contents elements. This TOC has 3 sub levels. But these levels are not displaying correctly on iPad navigation. Below is my code,
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
<title>TOC</title>
</head>
<body>
<nav epub:type="toc" id="toc1">
<h1>Contents</h1>
<ol>
<li><a href="cover.xhtml">Cover</a></li>
<li><a href="title.xhtml">Title Page</a></li>
<li><a href="copyright.xhtml">Copyright Page</a></li>
<li><a href="toc.xhtml">Contents</a></li>
<li><a href="part01.xhtml"><strong>Section I</strong></a>
<ol>
<li><a href="chapter01.xhtml">Chapter 1</a></li>
<li><a href="chapter02.xhtml">Chapter 2</a></li></ol></li>
<li><a href="part02.xhtml"><strong>Section II</strong></a>
<ol>
<li><a href="chapter03.xhtml">Chapter 3</a>
<ol>
<li><a href="appendix3a.xhtml">Appendix 3A</a></li>
<li><a href="appendix3b.xhtml">Appendix 3B</a></li>
<li><a href="appendix3c.xhtml">Appendix 3C</a></li></ol></li>
<li><a href="chapter04.xhtml">Chapter 4</a>
<ol>
<li><a href="appendix4a.xhtml">Appendix 4A</a></li>
<li><a href="appendix4b.xhtml">Appendix 4B</a></li>
</ol></li></ol>
</nav>
</body>
</html>
In the above code Chapter 4 is not nested properly. It is nesting to Section II instead of Chapter 3. Can any one please advise whether this is the limitation of iBooks or is there any issue in my code.
Thanks,
Balaji MG
iPad 2, iOS 8.2