CODEWITHSUNDEEP
cssangularangular-material
SGR
SGR

Reputation: 2417

To avoid components overlapping in angular

I have two components called customer-details and customer-bookings which are called by their selectors in app.component.html file as shown in below code

     <app-customer-details></app-customer-details>
     <app-customer-bookings></app-customer-bookings>

The components should look like this(i,e one below the other).

enter image description here

But it is overlapping like this.

enter image description here

Here i am facing overlapping issues,I tried to solve it by setting height to 50vh for each component. But i want to solve this overlapping issue without setting the height manually.

Here is the stackblitz link.

Upvotes: 0

Views: 6902

Answers (2)

Uttam Kadam
Uttam Kadam

Reputation: 458

Noting to do with the component. Just modify the CSS.

table{
  /* position:absolute; */
}

Upvotes: 1

Ritesh Waghela
Ritesh Waghela

Reputation: 3727

You should remove this from your table style:

position:absolute;

in customer-details.component.css

Upvotes: 1

Related Questions