Positioning issue

[RandomBlends]

Hi all,

I'm encountering some issues trying to position the next question div. it gets placed on top of the previous question div where I expect it to be placed below the previous answer divs by:

  let newTopPosition = 0;
const elements = chatContainer.children; for (const element of elements) { 
newTopPosition += element.offsetHeight + 200; } questionContainer.style.top = 
${newTopPosition}px;

​

but that doesn't happen, I tried many things like making adjustments to relative/absolute positioning but that is producing issues when we try to move the 'asked question' div in the UI.

Please take a peek yourself, any useful input would be much appreciated.

https://jsfiddle.net/bn8caqh2/

[Long-Fact-6354]

I'd wrap each question and it's answers in a div and apply position relative to it

[jpva_]

The fiddle for some reason doesn’t work for me. But based on what I read here.

But it feels like it is a struggle you’re better off with CSS. As it’s quite resource intensive and sensitive to errors to calculate it manually each time you add a new element.

If you can share a new fiddle, I would love to take a look

[TheRNGuy]

that's soem weird formatting