Repository navigation
[BUG]: Trace doesn't line up with axis when having an automargin title and there are sliders/buttons displayed #7750
Description
Description
There is an issue with the title's automargin feature when a slider or buttons are displayed. In this case, when automargin increases the top margin, it will push down the chart’s tick labels (correctly) but will NOT push down the traces. Then, the trace is in the wrong location on the y-axis and misrepresents the data values.
Screenshots/Video
Steps to reproduce
- Go to the sample codepen from https://plotly.com/javascript/sliders/#add-a-play-button-to-control-a-slider :
https://codepen.io/plotly/pen/NbKmmQ - Add the following to the layout:
margin:{autoexpand:true, t:0}, title:{automargin:true, text:"Title"}, - You can see that the yaxis ticks do not line up with the data/trace
Notes
This seems to be a combination of margin:{autoexpand:true}, title:{automargin:true} and having sliders and/or buttons displayed. You can also set a bigger title font (like font:{size:"36"}) for this to have a greater effect.
Activity
emilykl commentedon Apr 16, 2026
Thanks for the report, @e-drakos! This is definitely a bug.
I'm able to reproduce with adding just
margin: {t: 0}, title: {automargin: true, text:"Title"}so I suspect we may not be properly handling the case where title
automarginis set to true but the top margin is explicitly set to 0, specifically when buttons/sliders are present.gokul-debugger commentedon Aug 11, 2026
Hi, I’d like to work on this. I’ve reviewed the report and the current automargin flow for titles, sliders, and update menus. I’ll start with a focused regression test, then fix the margin calculation so the axes and traces remain aligned. May I take this one?
camdecoster commentedon Aug 11, 2026
@gokul-debugger go for it!