openlibrary 🚀 - Markdown help button does not do anything

Hi @JordanDysart @tfmorris
I have root caused this issue. There is a library called wmd used with tag to give it extra functionalities, Help button has <a> tag which has height and width of 0 X 0 so when we click the help button then anchor tag is not getting clicked.<br /> If I add below CSS on the anchor tag, this issue is fixed. should I raise a PR?<br /> {<br /> position: absolute;<br /> height: inherit;<br /> width: inherit;<br /> }</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/32262801?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mightysood picture"> <strong>mightysood</strong> <span class="text-muted ml-1">on 17 Mar 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Good find <strong>@mightysood</strong> ! Please do; then we can test it to make sure it's working :+1:</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/6251786?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cdrini picture"> <strong>cdrini</strong> <span class="text-muted ml-1">on 17 Mar 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hi <strong>@cdrini</strong> @JordanDysart<br /> I raised a PR and didn't change much code and I am not sure why Travis CI build failed. </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/32262801?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="mightysood picture"> <strong>mightysood</strong> <span class="text-muted ml-1">on 17 Mar 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(521691766, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(521691766, 1);" onclick="rate(521691766, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(521691766, 2);" onclick="rate(521691766, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(521691766, 3);" onclick="rate(521691766, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(521691766, 4);" onclick="rate(521691766, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(521691766, 5);" onclick="rate(521691766, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/openlibrary/722330914/category-count-number-not-fully-visible">Category count number not fully visible</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars0.githubusercontent.com/u/64412143?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Yashs911 picture"> <strong class="pr-1" dir="ltr">Yashs911</strong> · <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/openlibrary/371112722/let-s-lint-our-javascript-with-eslint">Let's lint our JavaScript with eslint!</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars1.githubusercontent.com/u/148752?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="jdlrobson picture"> <strong class="pr-1" dir="ltr">jdlrobson</strong> · <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/openlibrary/538562465/id-s-for-authors-community-input-preferred">ID #'s for authors: community input preferred</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/55302685?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="BrittanyBunk picture"> <strong class="pr-1" dir="ltr">BrittanyBunk</strong> · <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/openlibrary/762222669/npm-warn-ajv-keywords-3-4-0-requires-a-peer-of-ajv-6-9-1-but">npm WARN ajv-keywords@3.4.0 requires a peer of ajv@^6.9.1 but none is installed</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/3709715?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cclauss picture"> <strong class="pr-1" dir="ltr">cclauss</strong> · <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/openlibrary/435551719/delete-unused-merged-branches">Delete unused/merged branches</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/6251786?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="cdrini picture"> <strong class="pr-1" dir="ltr">cdrini</strong> · <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/internetarchive/openlibrary/issues/2624" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>

Openlibrary: Markdown help button does not do anything

Evidence / Screenshot (if possible)

Relevant url?

Expectation

Details

Proposal & Constraints

Stakeholders

All 13 comments