From 514374b98f87f8d03c13cc154fecf168b01bab56 Mon Sep 17 00:00:00 2001 From: Nikita Barsukov Date: Tue, 24 Jan 2023 17:55:33 +0300 Subject: [PATCH] fix(kit): `InputSlider` not working `border-bottom-left-radius` for slider (Firefox) (#3494) --- projects/kit/components/slider/slider.style.less | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/projects/kit/components/slider/slider.style.less b/projects/kit/components/slider/slider.style.less index b3166ce3545b..0154ead0f3a5 100644 --- a/projects/kit/components/slider/slider.style.less +++ b/projects/kit/components/slider/slider.style.less @@ -150,8 +150,21 @@ } &::-moz-range-progress { - background: @thumb-color; + /** + Don't join this line with other ones from the same selector! + Angular optimizer mistakenly transforms all lines with `border-**-radius` into the single one: + ``` + border-radius: inherit 0 0 inherit; + ``` + It is not valid for Firefox. + Read more: https://github.com/Tinkoff/taiga-ui/issues/3489#issuecomment-1401820320 + */ border-radius: inherit; + } + + /* stylelint-disable-next-line no-duplicate-selectors */ + &::-moz-range-progress { + background: @thumb-color; border-top-right-radius: 0; border-bottom-right-radius: 0; }