Skip to content

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

@remshams

Description

@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

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions