¿Cómo determinar qué elemento en la página causa el desplazamiento horizontal?

Es increíble cómo Gpt puede responder esta pregunta, cuando he luchado con esto durante tanto tiempo.

Puede ejecutar esto en la consola para ver cuáles son los elementos ofensivos:

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

También se pueden destacar:

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

.