[GH #5086] [CSS Regression?] Header is misaligned between two versions

#1

Hi There,
It seems I find a CSS regression regarding the layout of headers,
Simply try this (1.18.1)
http://jsfiddle.net/semix/dkvvbebL/

image.png993Ɨ224 20.3 KB

And this (1. 10.1)
http://jsfiddle.net/semix/tshe1rjc/

And notice how the alignment changes for the sencond line of headers:

seems like these 4px paddings are the culprit:
.handsontable .table > tbody > tr > td,
.handsontable .table > tbody > tr > th,
.handsontable .table > tfoot > tr > td,
.handsontable .table > tfoot > tr > th,
.handsontable .table > thead > tr > td,
.handsontable .table > thead > tr > th {
line-height: 21px;
padding: 0 4px;
}

#2

Thank you for sharing this bug report @semix

It looks like the version 1.11.0-beta1 was the first one to break this functionality (demo http://jsfiddle.net/aq9r7rL4/)

I have reported the bug at our Github board at https://github.com/handsontable/handsontable/issues/5086 and will update you about the fix.

1 Like
#3

Iā€™m glad to finally announce that this issue has been solved and released under Handsontable v8.3.2

#4