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

Can you expose a part="svg" for the SVG content #960

Open
Mushr0000m opened this issue Apr 16, 2021 · 4 comments
Open

Can you expose a part="svg" for the SVG content #960

Mushr0000m opened this issue Apr 16, 2021 · 4 comments
Labels
type: feature request A request to add new functionality

Comments

@Mushr0000m
Copy link

When using it with custom icons : <ion-icon src="assets/icons/wifi.svg"></ion-icon>
Because of the Shadow DOM we can't style at all the content of the SVG. Any custom SVG used is always a square because of the this css lines :

.icon-inner,
.ionicon,
svg {
display: block;
height: 100%;
width: 100%;
}

By adding a part="svg" it would be possible to have more flexibility to style the SVG from the outside. In my case setting height to auto, but it could be to change the color of a specific path or anything else.

@tolutronics
Copy link

Please this is really needed

@masecho
Copy link

masecho commented Oct 9, 2021

really needed!!!!!!!!!!!!!!!!!!!!!!!

@infomus
Copy link

infomus commented Dec 8, 2023

Is there any update on this? It would be very useful for us as well

@m0n0mind
Copy link

Same with me, exposing parts of the shadow dom would really make a differnce, at least for custom svg icons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: feature request A request to add new functionality
Projects
None yet
Development

No branches or pull requests

6 participants