[Angular 18] [ngx-quill: 26.0.10] [resizeImage module]: editor-resizer position issue on bullet/numbered list on clicking the image

[so-amuk]

When we add a bullet or numbered list and then insert an image in the Quill editor, On clicking the image, the position of the editor resizer does not work as expected. However, without a numbered or bulleted list, it functions perfectly.

We are using the resizeImage module in the Quill editor. Below are the versions we are currently using:

"ngx-quill": "^26.0.10",
"quill-delta": "^5.1.0",
"quill-mention": "^6.0.2",
"quill-resize-image": "^1.0.5"

Quill.register('modules/resizeImage', ResizeImage);

toolbar: {
[
....
      ['image']
...
],
resizeImage: {
        modules: ['Resize', 'DisplaySize', 'Toolbar'],
      },
}

editor-resizer is the shadow element of the image resizer which is not working fine when image is placed in bullet or numbered list.

quill-resize-image module:
https://www.npmjs.com/package/quill-resize-image

Attached following screenshot, issue that we are facing here:

In the below screenshot you can see that css "top" and "left" is dynamic, which should be expected here:

In the below screenshot you can see that css "top" is 0 always which is wrong, as well as "left" value is also wrong, how to fix it?

Any suggestion or solution will help. Thanks in advance!