Skip to content

Commit

Permalink
fix(kit): InputSlider not working border-bottom-left-radius for s…
Browse files Browse the repository at this point in the history
…lider (Firefox) (#3494)
  • Loading branch information
nsbarsukov authored Jan 24, 2023
1 parent e2c3a80 commit 514374b
Showing 1 changed file with 14 additions and 1 deletion.
15 changes: 14 additions & 1 deletion projects/kit/components/slider/slider.style.less
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down

0 comments on commit 514374b

Please sign in to comment.