react-heatmap-grid icon indicating copy to clipboard operation
react-heatmap-grid copied to clipboard

Published 20 hours ago • verified publisher icon arunghosh

ylabels follow scroll because it is absolute

Open seho0808 opened this issue 4 years ago • 1 comments

If you include react-heatmap-grid inside a div with long height that is overflow-y-scroll, the ylabels follow scroll. I tried changing the css inside chrome developer mode from

style="position: absolute; text-align: right; padding-right: 5px; padding-top: 13.5135px; width: 200px;"

to

style="position: static; text-align: right; padding-right: 5px; padding-top: 13.5135px; width: 200px;"

and it seemed to work. Is there any reason you guys set it to position: absolute for the ylabels' div?

seho0808 avatar Oct 10 '20 03:10 seho0808

If you include react-heatmap-grid inside a div with long height that is overflow-y-scroll, the ylabels follow scroll. I tried changing the css inside chrome developer mode from

style="position: absolute; text-align: right; padding-right: 5px; padding-top: 13.5135px; width: 200px;"

to

style="position: static; text-align: right; padding-right: 5px; padding-top: 13.5135px; width: 200px;"

and it seemed to work. Is there any reason you guys set it to position: absolute for the ylabels' div?

Where did you added the position:static ?

freewill777 avatar Aug 26 '21 16:08 freewill777