Bug in styles of country select chevron

In /style.css#L11 custom propperties --PhoneInputCountrySelectArrow-color setted as inherit. And in /style.css#L111 propperties border-color setted as var(--PhoneInputCountrySelectArrow-color). But it doesn't work (demo) and it is very confusing. The border-color is expected to inherit the value of the border-color property from its parent. In fact, border-color is set to currentColor - default value of this properties.

Maybe it's worth defining in /style.css#L11 the initial value of the custom propperties --PhoneInputCountrySelectArrow-color as currentColor? It would make it much easier to understand how it works.

P.S. I also found the following statement on MDN

Only the individual properties values can inherit.

border-color is shorthand properties. Unfortunately, I could not find confirmation of this thesis in other authoritative sources. I understand that border-color: inherit works great. But border: 1px solid inherit doesn't work. I would like to understand what the spec thinks about this, but this is no longer relevant to the topic of this issue.

Edited Aug 27, 2022 by Ilya Molostov
Assignee Loading
Time tracking Loading