Position absolute and overflow auto grandparent

hello! i was inspired by one of kevin's responsive table video so i am trying to make a responsive table.
The issue i'm currently facing is:

.table__container {
  /* width stuff */
  overflow: auto;
}

.table {
  &__child {
  position: relative;
  }

  &__grandchild {
  position: absolute;
  }
}

.table__container {
  /* width stuff */
  overflow: auto;
}

.table {
  &__child {
  position: relative;
  }

  &__grandchild {
  position: absolute;
  }
}

.table__container {
  /* width stuff */
  overflow: auto;
}

.table {
  &__child {
  position: relative;
  }

  &__grandchild {
  position: absolute;
  }
}

.table__container {
  /* width stuff */
  overflow: auto;
}

.table {
  &__child {
  position: relative;
  }

  &__grandchild {
  position: absolute;
  }
}

the grandchild is causing overflow in the table container, which is showing the scrollbar.
Is there possibly a way i can prevent this?

No replies yetBe the first to reply to this messageJoin

Position absolute and overflow auto grandparent

Similar Threads

Similar Threads

Similar Threads