Question

0

172

Views

Is this possible to make the child dom element to have visible overflow when parent container element has overflow scroll?

I have a modal component which should have scrollable content.

On that modal component I have a datepicker input, which should popup a datepicker and this popup should be visible even when it is outside of the container component block.

Is this possible to make datepicker component to have visible overflow when the parent has overflow: scroll?

I have tried to use position: absolute but this doesn't help for my case

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Accepted Answer · 2022-07-10T16:57:56.294Z

You can use position absolute

But you have to remain careful while positioning because position: absolute is not positioned w.r.t to parent element in this scenario. You can use another container for box1 and position it relative

.box1 {
  width: 180px;
  height: 200px;
  border: 1px solid black;
  background-color: red;
  overflow: scroll;
}

.box2 {
  width: 200px;
  height: 100px;
  border: 1px solid black;
  background-color: blue;
  position: absolute;
}

<div class="box1">qwertyuiopasdfghjklzxcvbnm
  <div class="box2"></div>
</div>

0

172

Is this possible to make the child dom element to have visible overflow when parent container element has overflow scroll?

1 answers

0

Find remote jobs

Andres GPT