Chart title does not obey responsive layout
Open
Nobody has claimed this yet.
bug
P3
- Dominant language
- JavaScript
- Stars
- 18.3k
- Forks
- 2k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 28
Description
Hi, I was following this https://plotly.com/javascript/responsive-fluid-layout/ and it made my chart responsive but the title does not wrap and gets truncated on mobile.
Link to code: https://gist.github.com/aadibajpai/b0c11721056325d4892cf926b950cdb1#file-snippet-html
and link to production: https://vanderbilthustler.com/category/coronavirus/
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
Start with the linked responsive fluid layout example and the provided gist, then reproduce the chart title truncation on a mobile-sized viewport. Trace the title layout behavior in the relevant Plotly.js code; done means long chart titles wrap or otherwise remain visible in the responsive layout.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100