Position absolute and overflow auto grandparent - Kevin Powell - Community

Kevin Powell - Community•3y ago

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;
  }
}

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