Next button disappears - Githubissues

rbeezer commented 10 years ago

Firefox Linux, both sidebars disabled (class="has-toc has-sidebar-left" is not present).

Use browser window vertical scrollbar to expose bottom of page. Vertical next button disappears and is inactive. Reproducible on all pages at all times (refresh, etc.).

Can attach a sample page if it would help (and if there is a way to do that) or put on pastebin.

mxdubois commented 10 years ago

Which browser size(s) are we talking about?

(There are instructions for attaching images in the bottom of the comment textbox)

rbeezer commented 10 years ago

Full on desktop size. Now on a longer page, I see it go missing after just a bit of scrolling down (dragging scollbar slider) - so not the bottom, but very early. Happens with a ToC visible, too.

I want to include source (in case my HTML is the problem). Is there no better way than a cut/paste?

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--*                                    *-->
<!--* Generated from MathBook XML source *-->
<!--*    on 2014-07-24T13:14:15-07:00    *-->
<!--*                                    *-->
<!--*   http://mathbook.pugetsound.edu   *-->
<!--*                                    *-->
<meta name="viewport" content="width=device-width,  initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    tex2jax: {
        inlineMath: [['\\(','\\)']]
    },
    TeX: {
        extensions: ["AMSmath.js", "AMSsymbols.js"],
        equationNumbers: { autoNumber: "none",
                           useLabelIds: true,
                           formatID: function (n) {return String(n).replace(/[:'"<>&]/g,"")},
                         },
        TagSide: "right",
        TagIndent: ".8em",
    },
    "HTML-CSS": {
        scale: 88,
    },
});
</script><script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full"></script><script src="http://sagecell.sagemath.org/static/jquery.min.js"></script><script src="http://sagecell.sagemath.org/embedded_sagecell.js"></script><script>
$(function () {
    // Make *any* div with class 'sage-compute' an executable Sage cell
    sagecell.makeSagecell({inputLocation: 'div.sage-compute',
                           linked: true,
                           evalButtonText: 'Evaluate'});
});
$(function () {
    // Make *any* div with class 'sage-display' a visible, uneditable Sage cell
    sagecell.makeSagecell({inputLocation: 'div.sage-display',
                           editor: 'codemirror-readonly',
                           hide: ['evalButton', 'editorToggle', 'language']});
});
    </script><script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script><link href="http://aimath.org/knowlstyle.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://aimath.org/knowl.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.12.1/TweenLite.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.12.1/TimelineLite.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.12.1/plugins/CSSPlugin.min.js"></script><script src="http://mathbook.staging.michaeldubois.me/develop/js/lib/jquery.sticky.js"></script><script src="http://mathbook.staging.michaeldubois.me/develop/js/lib/jquery.intersections.js"></script><script src="http://mathbook.staging.michaeldubois.me/develop/js/SidebarView.js"></script><script src="http://mathbook.staging.michaeldubois.me/develop/js/TouchController.js"></script><script src="http://mathbook.staging.michaeldubois.me/develop/js/Mathbook.js"></script><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic%7CSource+Code+Pro:400" rel="stylesheet" type="text/css">
<link href="http://mathbook.staging.michaeldubois.me/develop/stylesheets/mathbook-modern-3.css" rel="stylesheet" type="text/css">
<link href="http://mathbook.staging.michaeldubois.me/develop/stylesheets/icons.css" rel="stylesheet" type="text/css">
<link href="http://aimath.org/mathbook/add-on.css" rel="stylesheet" type="text/css">
</head>
<body>
<header id="masthead"><div class="banner"><div class="container"><div class="title-container">
<h1 class="title">MathBook XML</h1>
<p class="byline">Robert Beezer</p>
</div></div></div>
<nav id="primary-navbar" class="navbar"><div class="container">
<a class="previous-button button" href="section-1.html">Previous</a><button id="sidebar-left-toggle-button" class="button">Table of Contents</button><button id="sidebar-right-toggle-button" class="button">Annotations</button><a class="next-button button" href="section-3.html">Next</a>
</div></nav></header><div class="page container">
<aside id="sidebar-left" class="sidebar"><div class="sidebar-content">
<nav id="toc" style="height: 394px;"></nav><div class="extras"><nav><a class="feedback-link" href="">Feedback</a><a class="mathbook-link" href="http://mathbook.pugetsound.edu">Authored in MathBook XML</a></nav></div>
</div></aside><aside id="sidebar-right" class="sidebar"><div class="sidebar-content">Mock right sidebar content</div></aside><main class="main"><nav id="secondary-navbar" class="navbar"><a class="previous-button button" href="section-1.html">Previous</a><a class="next-button button" href="section-3.html">Next</a></nav><div id="content"><section class="section"><header><h1 class="heading">
<span class="type">Section</span> <span class="codenumber">2</span> <span class="title">Introduction</span>
</h1></header><p>Problem: Make a good-looking mathematics book (or paper) in an electronic format</p>
<p>Problem: Make it easy to navigate the rich structure of a mathematics book</p>
<p>Problem: Convert one source to multiple output formats</p>
<p>Opportunity: There are great interactive widgets you can put on a web page</p>
<p>Solution: very structured source, easily translated to a variety of outputs — traditional, new and unimagined</p>
<p>Joint Work: David Farmer, Steve Blood, Michael DuBois</p>
<p>Support: UTMOST (NSF Education Grant), Shuttleworth Flash Grant</p></section></div></main>
</div>
</body>
</html>

BooksHTML / mathbook-assets

Next button disappears #7