0

enter image description here

Hidden Component 3 is a table (not lightning data table.) It is fetched with some data-- but when the text gets too large (even with truncation), the entire component will grow with the table.

Component 1,2, 3 are encapsulated in a layout and when component 3 gets too big, it, together with its parent component 2, wraps itself under component 1, which is NOT how it should behave.

enter image description here

How can this be corrected?

  • PS. We might need to see some demo code. Consider making an edit to your question. – sfdcfox Jan 31 at 2:30
1

Use a lightning:layout. It supports 12 columns, so you might choose to split them such as 4-8 or 3-9 (etc) to suit your needs.

<lightning:layout>
  <lightning:layoutItem size="4">
    <c:component1/>
  </lightning:layoutItem>
  <lightning:layoutItem size="8">
    <c:component2/>
    <c:component3/>
  </lightning:layoutItem>
|improve this answer|||||

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.