style seem to be something wrong

[Angeliz]

it works like that I try to change some styles...it works

[bexoss]

Yes... It should be fixed. I waste so much time. And also, I can see cell height when editing is incorrect also.

[bexoss]

.data-grid-container .data-grid .cell>input {
    outline: none !important;
    border: 2px solid rgb(33, 133, 208);
    text-align: right;
    width: calc(100% - 1px);
    height: 'auto';
    background: none;
    display: block;
}

I changed some...

[ZackKnopp]

This seems to be happening because in one instance it counts the padding and border as extra to the height and in another instance it includes it in the height. See the pictures below for what I mean.

Padding and Border Included:

Padding and Border not included

Solution: I looked it up and it's happening because box-sizing for the input element is set to 'border-box' instead of 'content-box'. Setting it to 'content-box' solves the problem. Maybe this should be added onto the input elements in this library? Also, any change in line height messes the sizing up too.

[annjawn]

@ZackKnopp Can't thank you enough..... I was literally breaking my head trying to figure out how to solve this.

[power-f-GOD]

Can you, please, fix this issue asap, @nadbm? Thank you.

[imhazige]

when use with semantic ui, the css totally mess.