CSS not applyed correctly

[Maikkiczk]

Hey,

I'm currently using grid layout into my app but i have some issue with the rendering.
When i begin to split the layout into multiple components, the grid/flexgrid style is not applied correctly.

Working example :

Code: Select all

<div class="ui-g">
  <div class="ui-g-12 card">
    <div class="ui-g">
      <div class="ui-g-3"></div>
      <div class="ui-g-3"></div>
      <div class="ui-g-3"></div>
    </div>
  </div>
</div>

Not working example :

Code: Select all

<any-component>
  <div class="ui-g">
    <div class="ui-g-3"></div>
    <div class="ui-g-3"></div>
    <div class="ui-g-3"></div>
  </div>
</any-component>

Where the template for <any-component> is :

Code: Select all

<div class="ui-g">
  <div class="ui-g-12 card">
    <ng-content></ng-content>
  </div>
</div>

Don't i use it correctly or is it a bug ?

Thanks in advance.

[merve7]

Hi,
I tried your code and I didn't any problem. Please, could you check your code/step with using the below screenshot?