Range input slider thumb has default border radius from browsers

[wolfy1339]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

When customizing bootstrap and setting $enable-rounded to false, there is still a border radius on .form-range::-moz-range-thumb, .form-range::-webkit-slider-thumb

It seems the browser has a default border radius for the thumb, and you have to explicitly set it to 0

You could pass a fallback value of 0 to the border-radius mixin, and it should correct the issue

Reduced test cases

<label for="customRange1" class="form-label">Example range</label>
<input type="range" class="form-range" id="customRange1">

What operating system(s) are you seeing the problem on?

Linux

What browser(s) are you seeing the problem on?

Firefox

What version of Bootstrap are you using?

v5.3.3

[Julien Déramond]

Thanks for reporting that @wolfy1339
There's no $enable-radius in Bootstrap, I suppose that you're talking about $enable-rounded, isn't it?

[wolfy1339]

Yes, indeed that it was I mean