Instead of playing with border opacity, we can "pull" by 1px (with margin-right) the label, so it will overlay the input.
When the input is focused add z-index so the input border will be above the label, this way it will always show one border in the combinations.
Expected Result
Actual Result
Version
2.4.1
Testcase
[Fork, update, and replace to show the bug]: https://jsfiddle.net/bnozsq0v/1/
Proposed solution
Instead of playing with border opacity, we can "pull" by 1px (with
margin-right
) the label, so it will overlay the input. When the input is focused addz-index
so the input border will be above the label, this way it will always show one border in the combinations.https://jsfiddle.net/y603uwra/2/