Nested indexterm display in WebHelp Responsive

[Bas10R]

Hello there,

Oxygen XML Editor version 26.0 here.

I'm using nested <indexterm> elements as metadata in my topics, for example:

Code: Select all

        <metadata>
            <keywords>
                <indexterm>project
                    <indexterm>structure</indexterm></indexterm>
            </keywords>
        </metadata>

However, when I run the default WebHelp Responsive transformation scenario, I get the following result:

image.png

As you can see, instead of having the nested <indexterm> directly underneath its "parent" <indexterm>, the nested one goes into the second column.
I was expecting the following result instead, but I can't really get it to work:

image.png

Kind regards,
Konrad

[cosmin_andrei]

Hi,
Thank you for your feedback!
This issue will be further investigate by our development team. Meanwhile, you can modify this behavior using a CSS customization. More details are available here:
https://www.oxygenxml.com/doc/versions/ ... h-css.html

[Bas10R]

Hello Cosmin,

Any update on this one?

Kind regards,
Konrad

[julien_lacour]

Hello,

The problem is browser related, our default CSS rules already indicate that no column break should occur between and indexterm and its children:

Code: Select all

.wh_term > ul > .wh_term:first-child {
  break-before: avoid-column;
}

But the "avoid-column" value is not supported by Firefox as you can see in MDN Browsers Compatibility table:

image.png

The same output is correctly displayed in Edge or Chrome:

image.png

One solution, if you can only use Firefox, is to disable the column display (at least for it - using @-moz-document url-prefix() selector).

Regards,
Julien

[Bas10R]

Thank you for the update, Julien.

Kind regards,
Konrad