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.

TimeRange - Tooltips can be rendered off-screen

See original GitHub issue

Describe/explain the bug

When using tooltips for the TimeRange component, the tooltips can be placed off-screen if a day is close to the screen edge. See image below:

To Reproduce

I tried creating a Code Sandbox with @nivo/calendar, but it kept complaining about:

Could not find module in path: ‘react/jsx-runtime’ relative to ‘/node_modules/@nivo/tooltip/dist/nivo-tooltip.es.js’

Expected behavior

Not quite sure how we want it to work, but it would be great if the placement of the tooltip was adjusted to fit inside the screen boundaries. Not sure how to do this though.

Desktop (please complete the following information):

OS: Ubuntu 20.04
Browser: Chrome 92.0.4515.131

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

plouccommented, Sep 6, 2021

@anton-johansson, my bad 😅, indeed, it is https://github.com/plouc/nivo/issues/580.

0reactions

anton-johanssoncommented, Sep 6, 2021

@plouc, #1765 is this issue. It can’t really be a duplicate with itself can it? 😄

Top Results From Across the Web

css tooltip goes off screen - Stack Overflow

On small screen, hovering over some longer tooltips on right column causes tooltip to go off screen. Is there any way to get...

HTML 5.1: 10. Rendering - W3C

Just being off-screen does not mean the element is not being rendered. The presence of the hidden attribute normally means the element is...

Building a simple tooltip component that never goes off screen

How to build a simple, responsive and lightweight tooltip web component, with minimal HTML, CSS and JavaScript and no framework dependency.

Autoplot Application (20140311b)

Tooltips on the go-to-website button remind users that it's a wiki and anyone can contribute to documentation. Autoplot attempts to allow plotting of...

Graph (Oracle Fusion Middleware Java API Reference for Oracle ...

You can set properties on the graph to customize its appearance and ... Retrieves the CustomToolTipCallback that this Graph uses to get text...