scrolling.test console.logs figuring out why horizontal scroller's scrollWidth doesn't behave same in two environments

intel laptop

BEGIN TEST instant scrolling should take no time and end up where it is supposed to
      1668835715937 _sizeHostElement( { width: 100000, height: null } )
      1668835715937 inside _getSizer() and...
      i cant find my sizer
      
      I JUST SET THE SIZER STYLE TO translate(100000px, 0px)
      1668835715937 _sizeHostElement( { width: 50000, height: null } )
      1668835715937 inside _getSizer() and...
      i have a sizer
      translate(100000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      null
      Ignored Error: ResizeObserver loop limit exceeded
      1668835715937 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      ===> resolving layoutComplete promise...
      ===> resolved layoutComplete promise!
      MAX {
        'element.tagName': 'DIV',
        'element.getBoundingClientRect()': {
          x: 8,
          y: 8,
          width: 600,
          height: 600,
          top: 8,
          right: 608,
          bottom: 608,
          left: 8
        },
        'element.clientWidth': 600,
        fixtureOptions: {
          useDirective: true,
          scroller: true,
          layout: { direction: 'horizontal' }
        },
        maxScrollLeft: 1000,
        maxScrollTop: 0,
        scrollWidth: 1600,
        viewportWidth: 600
      }
      1668835715937 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      1668835715937 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      1668835715937 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      1668835715937 _sizeHostElement( { width: 29807.692307692305, height: null } )
      1668835715937 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(29807.692307692305px, 0px)

m1 laptop

 BEGIN TEST instant scrolling should take no time and end up where it is supposed to
      1668835679800 _sizeHostElement( { width: 100000, height: null } )
      1668835679800 inside _getSizer() and...
      i cant find my sizer
      
      I JUST SET THE SIZER STYLE TO translate(100000px, 0px)
      1668835679800 _sizeHostElement( { width: 50000, height: null } )
      1668835679800 inside _getSizer() and...
      i have a sizer
      translate(100000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      null
      Ignored Error: ResizeObserver loop limit exceeded
      1668835679800 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      ===> resolving layoutComplete promise...
      ===> resolved layoutComplete promise!
      MAX {
        'element.tagName': 'DIV',
        'element.getBoundingClientRect()': {
          x: 8,
          y: 8,
          width: 600,
          height: 600,
          top: 8,
          right: 608,
          bottom: 608,
          left: 8
        },
        'element.clientWidth': 600,
        fixtureOptions: {
          useDirective: true,
          scroller: true,
          layout: { direction: 'horizontal' }
        },
        maxScrollLeft: 49401,
        maxScrollTop: 0,
        scrollWidth: 50001,
        viewportWidth: 600
      }
      1668835679800 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      1668835679800 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      1668835679800 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(50000px, 0px)
      1668835679800 _sizeHostElement( { width: 30188.67924528302, height: null } )
      1668835679800 inside _getSizer() and...
      i have a sizer
      translate(50000px, 0px)
      I JUST SET THE SIZER STYLE TO translate(30188.67924528302px, 0px)