plouc / nivo

nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
https://nivo.rocks
MIT License
13.08k stars 1.02k forks source link

The scroll is not working in Custom Tooltip for nivo Line Charts . can anyone help me on this? #1775

Closed santhoshCharles closed 2 years ago

santhoshCharles commented 3 years ago

Hi I have more events to render in the tooltip so I need the scrollbar but it's not working

sliceTooltip={({ slice }) => { console.log('slice', slice) return(

Date
          <div className="tooltip-event-wrapper">
          {slice.points.map( events => {
            return (
              <div>{events.serieId}</div>
            )
          } )}
          </div>
        </div>)
      }}

stacked-line-tooltip { height: 350px; width: 230px; background-color: rgb(255, 255, 255); box-shadow: rgb(203 215 233) 0px 2px 4px 0px; }

.tooltip-event-wrapper { height: 120px; overflow: auto; }

plouc commented 3 years ago

@santhoshCharles, I don't understand what you're trying to achieve exactly, but tooltips being displayed only on hover, I'm not sure scroll would lead to good UX.

Could you please use the issue template to provide the necessary information, and provide a code sandbox with what you tried? Also you can format your code in GitHub, it's easier to read.

stale[bot] commented 2 years ago

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

stale[bot] commented 2 years ago

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!