HTML to EPUB: list indent disappears

[dmapr]

I searched but couldn't find anything on the subject, so forgive me if it has been asked before. I had the following HTML:

        <style>
            ul.circle {list-style-type:circle}
            ul.square {list-style-type:square}
            ol.decimal {list-style-type:decimal}
            ol.upper-roman {list-style-type:upper-roman}
            ol.lower-alpha {list-style-type:lower-alpha}
        </style>
.....
        <ul class="circle">
            <li>Bullet</li>
            <li>Another bullet</li>
            <li>
                Nested points
                <ul class="square">
                    <li>Point</li>
                    <li>Another point</li>
                </ul>
            </li>
        </ul>
        <ol class="decimal">
            <li>First item</li>
            <li>Second item</li>
            <li>
                More details
                <ol class="upper-roman">
                    <li>First detail</li>
                    <li>Second detail</li>
                </ol>
            </li>
            <li>
                A different angle
                <ol class="lower-alpha">
                    <li>First angle</li>
                    <li>Another angle</li>
                </ol>
            </li>
        </ol>

This displays a multi-level list with proper bullets and indentation. If I convert this HTML to EPUB using Calibre, those styles are redefined as follows:

circle {
    display: block;
    list-style-type: circle;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em
    }
.decimal {
    display: block;
    list-style-type: decimal;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em
    }
.lower-alpha {
    display: block;
    list-style-type: lower-alpha;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
    }
.square {
    display: block;
    list-style-type: square;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
    }
.upper-roman {
    display: block;
    list-style-type: upper-roman;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
    }

and leads to all indentation of nested items to disappear. Is there some way to preclude this from happening?

[kovidgoyal]

Sounds like a bug, open a ticket and I'll look at it when I have a minute.

[dmapr]

Thanks Kovid!

Created ticket #5415.

[yekim54]

Originally Posted by dmapr

Thanks Kovid!

Created ticket #5415.

Thanks for opening that ticket, I was just about to report the same bug. The list <li> tags worked in version 0.5.14, but apparently became broken in version 0.6 onward.

[dmapr]

Originally Posted by yekim54

Thanks for opening that ticket, I was just about to report the same bug. The list <li> tags worked in version 0.5.14, but apparently became broken in version 0.6 onward.

I've also noticed it in some FB2 conversions where it flattens the embedded TOC — but it's quite possible that this is actually an ADE display bug. Sigil displays the file correctly as does Calibre ebook viewer.

[dmapr]

Just wanted to apologize to Kovid for really screwing up in filing the ticket. I did not make it clear that the problem was only visible in ADE (reader & PC software). Should there be a next time I'll be a lot more diligent in choosing the right components and describing the problem correctly.

Kovid, thanks for Calibre and thanks for the fix! Looking forward to the next release. Once again, sorry for the mess

[kovidgoyal]

No problem Thanks to that ticket I discovered yet another bug in ADE

[dmapr]

Originally Posted by kovidgoyal

No problem Thanks to that ticket I discovered yet another bug in ADE

Good!

BTW, I downloaded the 0.6.50 and converting that same HTML file I get an error:

C:\TEMP>"c:\Program Files\Calibre2\ebook-convert.exe" lists.html lists-calibre.epub
1% Converting input to HTML...
InputFormatPlugin: HTML Input running
on C:\TEMP\lists.html
Language not specified
Creator not specified
Building file list...
Forcing lists.html into XHTML namespace
34% Running transforms on ebook...
Merging user specified metadata...
Detecting structure...
Auto generated TOC with 0 entries.
Flattening CSS and remapping font sizes...
Source base font size is 12.00000pt
Cleaning up manifest...
Trimming unused files from manifest...
Creating EPUB Output...
67% Creating EPUB Output
Python function terminated unexpectedly
  'CSSRuleList' object has no attribute 'rulesOfType' (Error Code: 1)
Traceback (most recent call last):
  File "site.py", line 103, in main
  File "site.py", line 85, in run_entry_point
  File "site-packages\calibre\ebooks\conversion\cli.py", line 254, in main
  File "site-packages\calibre\ebooks\conversion\plumber.py", line 905, in run
  File "site-packages\calibre\ebooks\epub\output.py", line 159, in convert
  File "site-packages\calibre\ebooks\epub\output.py", line 474, in workaround_ade_quirks
AttributeError: 'CSSRuleList' object has no attribute 'rulesOfType'

Is there something I need to change in my original HTML?

<html>
        <head>
                <title>List tests</title>
                <style>
                        ul.circle {list-style-type:circle}
                        ul.square {list-style-type:square}
                        ol.decimal {list-style-type:decimal}
                        ol.upper-roman {list-style-type:upper-roman}
                        ol.lower-alpha {list-style-type:lower-alpha}
                </style>
        </head>
        <body>
                <ul class="circle">
                        <li>Bullet</li>
                        <li>Another bullet</li>
                        <li>
                                Subpoints
                                <ul class="square">
                                        <li>Subpoint</li>
                                        <li>Another subpoint</li>
                                </ul>
                        </li>
                </ul>
                <ol class="decimal">
                        <li>First item</li>
                        <li>Second item</li>
                        <li>
                                More details
                                <ol class="upper-roman">
                                        <li>First detail</li>
                                        <li>Second detail</li>
                                </ol>
                        </li>
                        <li>
                                A different angle
                                <ol class="lower-alpha">
                                        <li>First angle</li>
                                        <li>Another angle</li>
                                </ol>
                        </li>
                </ol>
        </body>
</html>

[kovidgoyal]

No that's a bug (I forgot to update cssutils in the binary builds) I'll be releasing 0.6.51 in a bit