Styling updates - breaking changes?

[LJ]

We use Kendo in our app and I work within Stackblitz doing quick prototypes.  Yesterday, I notice most of the buttons and input components styling in my prototype were broken.  I haven't actively coded in a few days, so knew it was something related to a dependency. 

I see you all dropped a new release with a lot updates to buttons, inputs, etc.  Cool - but I think you have somethings to sort out.  I thought it was on my end and if I updated dependent packages  it might all fall into place.   

But I see now that its effecting your own demo's /examples from your site.   Did you anticipate this to be breaking changes? 

Check out the checkbox interfaces:  - this is pretty bad, and makes it unusable. 

 

 

Also styling in the header filters and the column chooser as just a few examples:

 

[Saquib]

Hi LJ

I was the same thing yesterday in my own app, but after updating my app to the latest release things seem be working correctly now. Note I previously had a customized theme, using that gave me issues and I had to revert to using the new updated theme.

I also have issues if I generate a new custom theme using the Theme builder and try to use that, which I've asked a question about on this forum

 

Saquib

[LJ]

Hey Saquib, 

Thanks for the comment!  I did update all the components to the latest which did get clear up most of the items.  I have some CSS overrides but nothing major and I would expect those to have possible conflict.  What I'm seeing that's of concerns is the area which are styled default by Kendo like this screenshots above.  Those screenshots are from the Demo example provided on Kendo's site.  

Take for example the "Column Chooser" that's in the toolbar.  Those dots are the "checkboxes".  You can also see the inline filtering style is way off in their own demo examples.

I'm digging some of the new changes - especially providing sizing on buttons - since we use bootstrap theme and the buttons in general were very chunky.  This gets it  more inline with what bootstrap offers with sm, md, lg sizing.   I just wish it hadn't broken styling on some things, now waiting for Kendo to resolve.

[Saquib]

Interestingly if I take one of the broken examples from the web-site (e.g. the grid https://www.telerik.com/kendo-angular-ui/components/grid/filtering/) and open in StackBlitz, the example renders correctly without the misaligned column filtering options. So I think the components are fine, the documentation site seems to be out of date and possibly using the new components with old themes.

[LJ]

Hmm....I'll go investigate and compare - maybe there something more I'm missing then.  My prototype is showing the same checkbox issue. 

Thanks Saquib

[Adil]

Hi 

I have the same problem on my checkboxes and dropdowns messed up i was using kendo-theme-boostrap then i changed and installed kendo-theme-material and all checkboxes and dropdowns messed up as you said i also installed latest GRID package 6.0.2 but nothing changed what can i do?

[LJ]

After doing more comparisons - it was the GRID package not being up to the latest.  I was running on a 5.5.2 and once I updated it to 6.0.1 all is well now. 

Thanks for the assist - cheers!