CSS Variables not defined in ion-modal

Ionic Framework Ionic Angular
1

Hi all!
I’m creating a modal with ModalController.create and I have some ion-inputs which look weird because they are not consuming the global CSS variables.

image
image531×723 98.3 KB

I wonder if this is happening only to me, as I see no reason for these elements to not access the :root variables and appear as undefined:

image

Help please :pray:

2

Hey @matheo84, I ran into the same issue but I discovered that if you wrap your component with a div then it works. Not sure why but it does for me.
e.g.

<div>
   <comp>component with CSS variable</comp>
</div>
1 Like