Last Updated: 12 Jun 2023 09:21 by ADMIN
Created on: 05 Jun 2023 09:36
Type: Bug Report
$input-btn-border-width on bootstrap 5.3 is a custom variable (on 5.2 was a simple scss variable)

See here:


$input-btn-border-width is now a custom variable.

(see bootstrap 5.2 version: https://github.com/twbs/bootstrap/blob/v5.2.3/scss/_variables.scss#L738 where $input-btn-border-width was a simple scss variable)

The main problem is that on file:

@progress\kendo-theme-bootstrap\scss\input\_variables.scss you are using:

$kendo-input-border-width: $input-border-width !default;
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;

so scss compilation gives me an error:

SassError: Undefined operation "var(--bs-border-width) * 2".
10 │ $kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;

My temporary fix is to define, before importing _variables file:

$kendo-input-border-width: 1px !default;

Basically, the main problem is that package @progress/kendo-theme-bootstrap 6.4.0 with bootstrap 5.3 doesn't work anymore.



Posted on: 12 Jun 2023 09:21

Hi, Diego,

Thanks a lot for your feedback and for the reported issue.

We converted it to a Feedback item in order to make it more visible both in the Feedback portal and in Github. Usually when a bug in the Feedback portal is approved, we create a duplicated item in github and relate them. We noticed that you have already opened an issue in github as well, so we will related it to this item. For everybody interested in this bug, its progress can be tracked here:

Basically, although Bootstrap v5.3 is a minor version there are a lot of changes that are incompatible with v5.2 and we will need some time to look through these changes, and have a clear position in mind to address them.

As this behavior has to be addressed in the whole Bootstrap theme, though, the only possible workaround at the moment is the one already found by you.

Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Posted on: 08 Jun 2023 10:07

Just to be clear, this is an issue, not a feedback item, so I don't know why my support ticket was converted to a feedback item.
If you would like to make it public (to show the workaround I found to others) I think it is better to create a GitHub issue on the repo: https://github.com/telerik/kendo-themes

my two cents.