If height is set to 100%, next/previous nav block set to display off screen. It looks like the top positioning is being set incorrectly. If I remove the "top: -82px" from the css, the slidenav appears as expected. This occured on both Bartick and Zurb Foundation 6. This appears to be the offending CSS:
<div class="tl-slidenav-next" style=" top: -82px; display: block;"></div>

Comments

mariagwyn created an issue. See original summary.

mariagwyn’s picture

Ok, not off screen. Just too high.

dcam’s picture

Component: Code » User interface

A I understand it, a percentage value for any height is never going to work correctly unless all of its parents also have percentage heights or one of the parents has a height value with absolute units like ems or pixels. Otherwise, you're telling it to set the height to 100% of an unknown variable. That said, it's not surprising that any elements contained within a 100%-height container would not be able to position themselves correctly. They snap into place if you manipulate them with an inspector because by that time the height is set to an actual value based on some content within the container (I think). So if you want to have timelines set to a height of 100% then I think you're going to need to change your theme's CSS. I'm not a front-end guy anymore, so I could be wrong, but that's the issue as I understand it.

Considering most people can't or won't change their theme so drastically, I'll need to update the settings form description for the height setting. My DUG recommended advising people to set the height in ems last month. I've been meaning to make that change anyway. I'm going to replace the suggested "100%" height with an em value now.

dcam’s picture

Title: If height is set to 100%, next/previous nav block set to display off screen » Various display issues if the height is set to a percentage value

Updating the issue title.

For the record, the nav element positioning isn't the only problem with a percentage height. Also, the problem occurs with any percentage value.

  • dcam committed fab2afb on 7.x-3.x
    Issue #2759769: Various display issues if the height is set to a percent...

  • dcam committed 38c5b40 on 8.x-3.x
    Issue #2759769: Various display issues if the height is set to a percent...
dcam’s picture

Title: Various display issues if the height is set to a percentage value » Various display issues if the height is set to a percent value
Status: Active » Fixed

We can keep this open if you want me to keep looking into it, @mariagwyn, but if there's any way to fix this from within the module then I haven't been able to find it. I'm setting the issue to Fixed for now.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.