Gridjs: highlighting can be a pixel off on certain words

<img src=Dropbox - Highlight error.png - Simplify your life>

image.png (9.9 KB)

In the image above the sentence “This is a sentence in a textbox” is in both a textbox and regular cell. Using addHighlightTextBox and addHighlightText respectively, with the starting index at 24 and ending index at 31, you can see there seems to be a pixel or so that isn’t highlighted. I used the same sentence because the “x” character seems to show this better than some other characters.

@gpaolano
can you provide the sample spread sheet file.
we need to investigate more.
It can be related with font setting for the text.
below is the snapshot in my side which seems ok.

QQ截图20231205094505.png (7.5 KB)

Sure. Here is the Excel I was using.

Test excel.zip (8.3 KB)

@gpaolano
it is still ok in my side

QQ截图20231205222320.png (15.0 KB)

@gpaolano
I try set a large font size for the text, it still ok in my side.

QQ截图20231206103144.png (24.2 KB)

There seems to be some inconsistency. Could you look at this excel? If I use addHighlightTextBox(“0”, 10, 17) (highlighting the word “textbox” in the textbox) it always seems to be off.
Otherwise, I am trying different scenarios to see if I can pinpoint why it works sometimes.

Excel.Test.00001.zip (253.1 KB)

@gpaolano,

Thanks for providing further details and the sample Excel file. We will look into it and get back to you soon.

@gpaolano
it is ok in myside.

QQ截图20231207093849.jpg (127.5 KB)
QQ图片20231207094130.png (7.1 KB)

@peter.zhou Thank you for looking. Can you confirm which version of the CDN you are using?

@gpaolano,

We will get back to you soon to give you details and confirmation on the version.

@gpaolano
just use the latest version from npm js is ok.

<script src="https://unpkg.com/gridjs-spreadsheet@23.11.0/xspreadsheet.js"></script> 

snap.png (61.0 KB)