Highlighted

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

New Here ,
Aug 30, 2016

Copy link to clipboard

Copied

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.

Topics

HTML5 layout

Views

364

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Aug 30, 2016

Copy link to clipboard

Copied

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.

Topics

HTML5 layout

Views

365

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Sep 05, 2016

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Sep 07, 2016

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...