No Validation Success Icon When Using Saved Browser Data

[ToddRopog]

Prerequisites

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

Describe the issue

When using form data saved by the browser, the validation success icon does not appear on a required field in Chrome or Edge (FireFox works). When a value is typed in or pasted, it works as expected. It's only when using a value saved by the browser that it does not appear. Note: the green border does appear, it's just the check icon that is missing.

Similar to issue: https://github.com/twbs/bootstrap/issues/22696

Reduced test cases

https://codepen.io/toddball/pen/gOEbrEM

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

Windows

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

Chrome, Microsoft Edge

What version of Bootstrap are you using?

v5.3.2

[ToddRopog]

It looks like Webkit is overriding the background-image when autocomplete is used. https://stackoverflow.com/a/67536975

[Harshitazz]

which file?