Overlap of rangeslider and legend
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 18.3k
- Forks
- 2k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 28
Description
I have a chart that uses a range slider on the X axis and if I add a legend with 'orientation': 'h', there is an overlap between the range slider and the legend, totally hiding the legend. I've reviewed the configuration of the range slider and the configuration of the legend but I have not found any way to solve it. Maybe I am missing something, but I think this might be a bug.
Here is a codepen when you can see the error: https://codepen.io/David_Hernandez/pen/LYMwVwK
As you can see (or you can not see) in the pen, the legend does not show up, because it is under the range slider. You can see a tiny bit that shows up on the right hand side.
Thank you,
David.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the overlap using the linked CodePen with a horizontal legend and an X-axis range slider. Trace the plotly.js layout responsible for positioning these elements, then add a regression test showing that the legend remains visible and run the relevant test suite.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100