Question: Bootstrap 4.1 - custom-file-label wrong ::after?

[knoobie]

Hey guys, I was updating our 4.0 instance and was checking the delta and was wondering if this was an error?

bootstrap/scss/_input-group.scss

Line 51 in 8dd1fe3

&:not(:first-child) .custom-file-label::after { @include border-left-radius(0); }

bootstrap/scss/_input-group.scss

Line 49 in 8dd1fe3

&:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }

especially the line above was ::after as well. Shoudn't it be: ::before if you address the left border? or am I missing something obvious here?

[ysds]

Good catch.

bootstrap/scss/_input-group.scss

Line 51 in 8dd1fe3

&:not(:first-child) .custom-file-label::after { @include border-left-radius(0); }

Shoudn't it be: ::before if you address the left border?

No, .custom-file-label::before element does not exist.

So, is .custom-file-label::after correct? No. The left border of Browse button (.custom-file-label::after) never rounds.

We can remove the Line 51.