[XXE] CSS list-style-type affects list item positioning?

[Benoit Maisonny]

Hi,

Given the following XML extract containing 5 lists:
   
    <ul>
      <li>text</li>
    </ul>
    <ol class="Lower-Alpha">
      <li>text</li>
    </ol>
    <ol>
      <li>text</li>
    </ol>
    <ol class="Upper-Alpha">
      <li>text</li>
    </ol>
    <ol class="Lower-Roman">
      <li>text</li>
    </ol>
    <ol class="Upper-Roman">
      <li>text</li>
    </ol>

And the following CSS:

ol[class=Lower-Alpha] {  list-style-type: lower-alpha;}
ol[class=Upper-Alpha] {  list-style-type: upper-alpha;}
ol[class=Lower-Roman] {  list-style-type: lower-roman;}
ol[class=Upper-Roman] {  list-style-type: upper-roman;}
li {  margin-left: 6ex;}

XXE positions the 5 types of list with a different indentation.
Something like this:

- text
  a. text
    1. text
    A. text
      i.text
        I. text


Would this be a bug in your CSS implementation or in my CSS?

I am correcting the indentation by replacing this last CSS line above by
the following:

ul>li {  margin-left: 6.6ex;}
ol>li {  margin-left: 2ex;}
ol[class=Lower-Alpha]>li {  margin-left: 2.9ex;}
ol[class=Upper-Alpha]>li {  margin-left: 2ex;}
ol[class=Lower-Roman]>li {  margin-left: 1.1ex;}
ol[class=Upper-Roman]>li {  margin-left: 0ex;}

But even this is not perfectly aligned because the alignment slightly
changes when I change the default font size (isn't the same font used
for all list types? then 1ex should mean the same whatever the size)


I see that in the XHTML CSS, you don't use list-style-type but
counter(). Is this a workaround for a list-style-type issue?


All this was done with XXE 3.8.1, but a quick test showed that 4.2.1
also uses different indentations.


Thanks for any insight,
Benoit