Skip to main content
rh1234rh1234
Participating Frequently
August 30, 2016
Question

Has anyone seen the TOC in landscape or mobile mode add extra space between books (RH2015, Responsive HTML5 layout)?

  • August 30, 2016
  • 1 reply
  • 520 views

Under certain circumstances, when navigating through the TOC in landscape or mobile mode (using Chrome and other browsers), extra space is added between certain books, depending on the order of the navigation, making the spacing inconsistent.

From what I can tell, when this occurs, the extra space is called by the following html (according to Chrome Inspect):

  <li class=“child max-height-transition show” …

However, where the space is hidden, as it should be, I get the following html:

  <li class=“child max-height-transition” …

In addition to the lack of “show”, the second html also activates the following CSS:

  div.toc-holder ul li.child:not(.show) {

    overflow-x: hidden;

  }

The latter behavior appears correct. However, for some reason RH is failing to hide the <li> class at certain times in landscape or mobile mode. Has anyone run into a similar issue? If so, have you come up with a resolution or at least figures out the cause?

Thanks.

This topic has been closed for replies.

1 reply

Willam van Weelden
Inspiring
September 6, 2016

Does this fail consistently? Or in specific situations?

I haven't seen this behaviour pop up yet so it's hard to say what's going on.

rh1234rh1234
Participating Frequently
September 8, 2016

I can duplicate the behavior if, from the top-level of the TOC, I click I click a book to drill down into it and then click the logo in the toolbar to return the home topic. However, if I drill down into a book and then navigate back up the hierarchy, without click the logo to get home, the problem does not exist.