plotly/dash

dashtable with pagination: tooltips appear in wrong place

Open

#1,848 opened on Dec 1, 2021

View on GitHub
 (8 comments) (0 reactions) (0 assignees)Python (1,973 forks)batch import
P3bugdash-data-tablegood first issue

Repository metrics

Stars
 (20,317 stars)
PR merge metrics
 (Avg merge 6d 14h) (20 merged PRs in 30d)

Description

Describe your context

  • packages
dash                              2.0.0
dash-auth                         1.4.1
dash-colorscales                  0.0.4
dash-daq                          0.5.0
dash-renderer                     1.9.1

  • It's frontend related:

    • OS: MacOS 11 (Big Sur)
    • Browser: Firefox
    • Version 94.0.2

Describe the bug

When using dashtable pagination together with tooltips, then the tooltips only appear correctly on page one. On all other pages, the tooltip appears in the top left of the table (see screenshot).

This bug might be connected to row_index more generally. We found that style_data_conditional using row_index to specify the row of a table doesn't work on pages 2+ either.

Expected behavior

Tooltips should appear at the correct position.n all pages of a paginated dash-tables.

Screenshots

Contributor guide

Research direction
Investigate the 'dash table' component's pagination logic to understand why tooltip positions are not recalculated correctly when switching pages. Look at how `row index` is used in `style data conditional` for tooltip positioning and check if the tooltip positioning code accounts for page offset.
Tech stack
pythonjavascript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
PythonDash
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50