Set border of selected cell to the height of cell

Tags: #<Tag:0x00007efc72ee7580>

Hello.

We have a use case where unless a cell in a row is selected, we show the rows with default height (24px). If the text in a cell overflows, we show ellipsis in that cell. However, when the user selects that cell, the complete multi-line text is rendered in the cell. We do that by overriding the styles for .handontable > td > .current css class.

Until Handsontable version 13.x, this was working as expected. Please see the fiddle below:

https://jsfiddle.net/sdw7gopj/

However, after updating to version 14.x, the highlight border for the selected cell is taking the same height as that of the row. Please see the fiddle below which reproduces this behavior:

https://jsfiddle.net/x17eb28s/13/

Can you please guide if there is a way to achieve the previous behavior using css or any APIs provided by handsontable?

Thanks.

Hi @muhammad.faisal

We already talk about this issue on ZenDesk, so I will close this topic.

1 Like