question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Minor mention: modebar tooltip slightly protrudes

See original GitHub issue

Mode bar hover tooltip Produced with Plotly - or other button tooltip if plot is narrow enough for modebar buttons to wrap - breaches the container size of its own graphDiv, causing a vertical widening of what’s rendered:

image

The consequence (not seen) is that an x scrollbar on the bottom appears, which, as it takes space, causes a y scrollbar too (as seen).

Ideally, there is no protrusion, so a responsive dashboard can be made to fill the screen without risk of scrollbars appearing due to a couple of pixels.

Perfectly good-looking workaround: d3.select('body').style('overflow', 'hidden')

image

(Issue can be closed if unimportant; just a way of mentioning)

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

4reactions
etpinardcommented, Apr 11, 2019

Looks like this one got fixed during @antoinerg 's recent modebar work.

1reaction
alexcjohnsoncommented, Jun 22, 2017

Nothing’s too minor @monfera 🔍 🏆

Seems to me the simplest way to keep this from happening is to add overflow:hidden to .svg-container - which cuts off the pleasant curve on the edge of the tooltip, but that’s better than overstepping our bounds! Then secondarily we can look for a way to push it back on screen, curves and all.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tooltips - Bootstrap
Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.
Read more >
25 Controlling tooltips
There are two main approaches to controlling the tooltip: hoverinfo and hovertemplate . I suggest starting with the former approach since it's simpler, ......
Read more >
Ansys spaceclaim 2016 user guide pdf file download - download
SpaceClaim.com 328 Examples The Scale tool's dimensions refer to the extents of the selected sketch object Scaling in Section mode.
Read more >
Tooltip | Calcite Design System - ArcGIS Developers
Calcite Tooltips are small text-based components that when triggered by a hover state, provide context to the user. Overview. Tooltip Manager was deprecated...
Read more >
Add a tooltip to a div - Stack Overflow
<div title="This is my tooltip" class="visible"></div> ... Note 2: an enhancement might be adding a bit of javascript to calculate the mouse position...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found