Nested indexterm display in WebHelp Responsive

Post here questions and problems related to editing and publishing DITA content.
Bas10R
Posts: 34
Joined: Thu May 25, 2023 4:08 pm

Nested indexterm display in WebHelp Responsive

Post by 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
image.png (3.72 KiB) Viewed 702 times

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
image.png (3.21 KiB) Viewed 702 times
Kind regards,
Konrad
cosmin_andrei
Posts: 138
Joined: Mon Jun 12, 2017 10:50 am

Re: Nested indexterm display in WebHelp Responsive

Post by 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
Regards,
Cosmin
--
Cosmin Andrei
oXygen XML Editor and Author Support
Bas10R
Posts: 34
Joined: Thu May 25, 2023 4:08 pm

Re: Nested indexterm display in WebHelp Responsive

Post by Bas10R »

Hello Cosmin,

Any update on this one?

Kind regards,
Konrad
julien_lacour
Posts: 520
Joined: Wed Oct 16, 2019 3:47 pm

Re: Nested indexterm display in WebHelp Responsive

Post by 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
image.png (50.69 KiB) Viewed 389 times
The same output is correctly displayed in Edge or Chrome:
image.png
image.png (7.51 KiB) Viewed 389 times
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
Posts: 34
Joined: Thu May 25, 2023 4:08 pm

Re: Nested indexterm display in WebHelp Responsive

Post by Bas10R »

Thank you for the update, Julien.

Kind regards,
Konrad
Post Reply