contentX of ListView is not updated when I change width of delegate contenItem with transition animation when LayoutMirroring.enabled is true

I made the delegate of the ListView using CheckBox then expand the width of that CheckBox when users click the checkbox.

And I put the simple transition animation to width of CheckBox.

However the contentX is not updated properly when I click the first item of the ListView with LayoutMirroring.enabled: true

(i.e. the contentX should be -850 but it's -846 on below attached listview_test.qml)

With LayoutMirroring.enabled: true, I found that onContentXChanged of ListView and onWidthChanged of CheckBox are out of sync.

Attached listview_test.qml is the test QML file.