Completed
Last Updated: 18 May 2021 09:21 by ADMIN
Grant
Created on: 18 May 2021 08:57
Category: KendoReact
Type: Bug Report
0
Custom Selection of Grid shows elipses next to checkbox in Chromne and Edge

Hi,

I was just running through the new features of KendoReact 2021 R2 and am very keen to start implementing.

One of my colleagues pointed out that there is an ellipses after each checkbox when using checkboxes under Grid Selection, see https://www.telerik.com/kendo-react-ui/components/grid/selection/#toc-customizing-the-selection). It sees this is the casein MS Edge and Chrome. I use Firefox, so didnt notice it.

Thanks for the new features, keep it up.

Regards,
Grant

 

 

1 comment
ADMIN
Stefan
Posted on: 18 May 2021 09:21

Hello, Grant,

Thank you for reporting this.

This occurs as in the material theme the checkbox is larger and does not fit in the 50px we set for the column. This is related to the demo configuration.

This requires making a column width a little larger as otherwise there is not space to show it all and the Grid adds ellipses by default.

We could overwrite the styles for that column internally, but in that case, if there is no space the checkbox can be cut a little without showing visually that it does not fit.

Regards,
Stefan
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.