Global $border-radius variable breaks the PanelBar

telerik / kendo-themes

Monorepo for SASS-based Kendo UI themes

149 stars 71 forks source link

Global $border-radius variable breaks the PanelBar #2155

Open silviyaboteva opened 3 years ago

silviyaboteva commented 3 years ago

Describe the bug When the PanelBar has animated show and hide, the global $border-radius variable applies on the bottom edges of the last selected item: https://www.telerik.com/kendo-react-ui/components/layout/panelbar/animations/

Expected behavior The border-radius should not be applied in this case.

Screenshots MicrosoftTeams-image (3)

Affected suites

[ ] Kendo UI for jQuery
[ ] Kendo UI for Angular
[ ] Kendo UI for React
[ ] Kendo UI for Vue
[ ] Telerik UI for Blazor

joneff commented 3 years ago

The issue is related to how panelbar still has legacy rendering elements like k-panel... True, we could override the that behaviour in the styles but in reallity, it should be handled trough markup changes

joneff commented 2 years ago

I did not intentionally look for this, but I found the culprit -- https://github.com/telerik/kendo-themes/pull/152#issuecomment-385698415. Seems we introduced the bug when implementing Material theme.