Flat Button: Hover flickering when used in combination with an input-group

[remshams]

Description

When igx-buttons are placed inside an Angular switch statement, their border and hover background flicker if one of the cases also contains an IgxInputGroup with an IgxInput. Removing the input group and input eliminates the flicker.

• igniteui-angular version: 21
• browser: Chrome 144.0.7559.97

Steps to reproduce

Clone this repository.

1. Click Toggle State.
2. Notice the border and hover flicker on the buttons.

The issue only appears when both IgxInputGroup and IgxInput are present.

Result

Flickering border and hover effects.

Expected result

No flickering.

Attachments

igx-button-hover-flickering.mov