RH Version 2022.3.93 - no horizontal scrolling in Review mode for Chrome and Edge

[Inna Iak_ko]

RH Version 2022.3.93
Dear Community, would appreciate your help to deal with a wide table viewing in the Review mode.

In Chrome and Edge, there is no horizontal scrolling so that one can view a wide table (see the screen)
In Firefox, there is a horizontal scrolling but there is no ability to add highlights and other review functions. (see the screen) That's why I currently prefer to use Chrome.

Is there a way to cure that?

Perhaps there is a trick in RH to make a table fit the window - would be grateful for pointing me to the exact setting

Thank you for your help

[Peter Grainge]

Nothing I have seen.

I recently set up a test review using two Adobe IDs and everything funtioned using Edge which is based on Chrome.

I didn't test tables so that might be a bug.

I suggest for this one you need to go to Adobe Support. See https://helpx.adobe.com/contact/enterprise-support.other.html#robohelp for your Adobe Support options. The email link tcssup@adobe.com is recommended as it reaches a team dedicated to Technical Communication Suite products including RoboHelp.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Inna Iak_ko]

have reported a bug https://tracker.adobe.com/#/view/RH-12126

[Stefan Gentz]

You could try the following:

Wrap the table in a div container like this:

<div class="wide-table">
   <table>
   </table>
</div>

Then create a css for the div:

div#wide-table {
    padding: 0px;
    max-width: 100%;
    /* or:
    max-width: calc(100% - 20px);
    while 20px can be any value to reduce the max-width 
    and make the div fit to the desired maximum width;  
    */
    overflow-x: auto;
}

This should (in theory) make the content of the div (here: the table) horizontally scrollable (autoscroll-x:auto).

[Amebr]

@Stefan Gentz I think the css is slightly wrong. # denotes an id, but the div has a class. So I think the css should be like so (replacing the # with a . )

div.wide-table {
    padding: 0px;
    max-width: 100%;
    /* or:
    max-width: calc(100% - 20px);
    while 20px can be any value to reduce the max-width 
    and make the div fit to the desired maximum width;  
    */
    overflow-x: auto;
}

Or would you recommend changing the div to have an id instead? I'm not familiar with the pros and cons in this case.

[Stefan Gentz]

You are upsolutely right, @Amebr. Thanks for spotting. Of course it should have been div.wide-table {}, not div#wide-table {}.

I suggest to use class, not id: You can assign a class to many elements (that is, you can have multiple <div class="wide-table">(...)</div> in your document), but you can only have an id once (that is, <div id="wide-table">(...)</div> would be only allowed once in a document).

[Amebr]

Oh yes, I forgot id is unique per page. I'm still travel-lagged from my holiday. 🙂