Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Icon-button - Outline border sinks behind parent background #1563

Closed
simeonoff opened this issue Feb 3, 2025 · 0 comments · Fixed by #1566
Closed

[Bug]: Icon-button - Outline border sinks behind parent background #1563

simeonoff opened this issue Feb 3, 2025 · 0 comments · Fixed by #1566
Assignees
Labels
bug Something isn't working icon-button

Comments

@simeonoff
Copy link
Collaborator

Which component(s) are affected?

Icon button

Description

Related to IgniteUI/igniteui-angular#15299

Reproduction

Use the outlined version of the icon button inside any element/component that has a background color.

Workaround

The z-index: -1 on the ::after element is not necessary. Remove it.

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

All

Browser/OS/Node environment

All

@simeonoff simeonoff added 🆕 status: new The issue is new and will be reviewed when somebody picks it up. bug Something isn't working icon-button labels Feb 3, 2025
@simeonoff simeonoff self-assigned this Feb 3, 2025
@simeonoff simeonoff removed the 🆕 status: new The issue is new and will be reviewed when somebody picks it up. label Feb 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working icon-button
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant