Why in the google chrome browser the added elements in the block go up when in mozilla firefox go down?

Question

css

Question: When I add new DOM nodes to some block, browsers behave differently. In Firefox, the added elements go down and drag the button with them, when in google chrome the button remains in place, but the new elements go up, which in my opinion is extremely inconvenient...
Tell me, what do you do in this case?
https://jsfiddle.net/uchenik/89mzd2yo/8/

Answer 1

This wonderful Google invention is called Scroll anchoring . To disable, add to CSS:

body {
  overflow-anchor: none;
}