DBInput: Before Icon disappears when autoComplete is used

[JulianBu]

Which generators are impacted?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

When DBInput is used with the Browser (Chrome, Edge) autoComplete the before Icon disappears.

Before:

After:

Expected Behaviour

Before Icon should be shown when Browser (Chrome, Edge) autoComplete is used.

Screenshots

No response

Browser version

Chrome

Add any other context about the problem here.

No response

[nmerget]

I couldn't reproduce the issue.

Do you use type="search"? The cross icon will only be visible on hover, this would be the browser default, see MDN.

Or do you want to use a custom icon instead of the maginifier?

Maybe you can add the React snippet for reproduction thank you :)

[JulianBu]

I see the second screenshot isn't quite good.
Die magnifier Icon disappears after I clicked on a autoComplete option.

After that, the Icon on the Lefthand side isn't there anymore.

The Code is pretty straight forward.

<DBSection className="justify-items-center" spacing="none">
          <DBInput
            className="w-70 m-6"
            type="search"
            variant="floating"
            label="Zugnummer eingeben"
            maxlength={8}
            pattern="^\d{1,8}$"
            name="zugnummer"
            required
            invalidMessage="Bitte Zugnummer eingeben"
            formNoValidate
            autocomplete="off"
          />
          <DBInput
            className="w-70 m-6"
            type="date"
            variant="floating"
            label="Datum eingeben"
            name="datepicker"
            required
            invalidMessage="Bitte auswählen"
            formNoValidate
            autocomplete="off"
          />
</DBSection>