Bug 190136 – the background color of -webkit-slider-runnable-track is square even when border rounding is set

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: CSS

[Ron jonk]

Created attachment 351240 [details]
shows the left part of the -webkit-slider-runnable-track background square and not rounded
with border-radius: 8px;

Chrome Version 69.0.3497.100 (Official Build) (64-bit)
styling: 
.range-slider-input::-webkit-slider-runnable-track {
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(red, red) 0/var(--sx) 100% no-repeat green;
  overflow: hidden;
}

[Ron jonk]

.range-slider-input::-webkit-slider-runnable-track {
  height: 16px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(red, red) 0/var(--sx) 100% no-repeat green;
  overflow: hidden;
}

[Alexey Proskuryakov]

Could you please provide a complete test case? It is not even clear if this problem occurs with WebKit (Chrome uses a very old fork).

[Ahmad Saleem]

we don't have test case and also this bug mentions 'Chrome' as used version. I think if we have similar issue, it would show-up in different bug report.

Marking this as 'RESOLVED WORKSFORME'.