Как определить, какой элемент на странице вызывает горизонтальный свиток?

Удивительно, как Gpt может просто ответить на этот вопрос, когда я так долго боролся с этим.

Вы можете запустить это в консоли, чтобы увидеть, что оскорбительные элементы:

[...document.querySelectorAll('*')].filter(el => {
  const r = el.getBoundingClientRect()
  return r.right > document.documentElement.clientWidth
}).forEach(el => console.log(el, el.getBoundingClientRect()))

Вы также можете выделить их:

[...document.querySelectorAll('*')].forEach(el => {
  const r = el.getBoundingClientRect()
  if (r.right > document.documentElement.clientWidth) {
    el.style.outline = '2px solid red'
  }
})

.