[ANGULAR] Dropdown list position is incorrect on initial load

[abisht]

Hi,
I am using cell editor, with a combo box with remote filtering. I facing a weird issue.
Once the page load and I open the cell in edit mode, then as soon as I type first character,
the dropdown appears at wrong position as per screenshot :

Screen Shot 2022-01-22 at 2.13.51 PM.png (61.19 KiB) Viewed 459 times

If I clear text and retype, then the position of dropdown is proper :

Screen Shot 2022-01-22 at 2.14.29 PM.png (57.83 KiB) Viewed 459 times

Please help.

[mats]

Can you please provide us a simple small test case?

[abisht]

Is there any byrntum sample with remote call ? I am not sure , on how to provide a sample with a remote call to load data.

I am going to try on drag-drop demo, as I have similar setup

[abisht]

Hi mats, I was able to reproduce this issue on your drag and drop between 2 grids demo. Attaching the code and video of the issue.

issue_recording.mov

issue reproduce steps

(9.71 MiB) Downloaded 40 times

[alex.l]

Hi abisht,

Your video looks ok, I don't see the behaviour you mentioned:

then as soon as I type first character, the dropdown appears at wrong position

Could you please point us what exactly is wrong on the video you attached?

[abisht]

Hi alex, since in demo, I cant provide a remote call, I have added a static search list, hence initially the dropdown comes proper.

But as soon as I type incorrect alphabet, you can see the following :

Screen Shot 2022-01-24 at 10.47.44 AM.png (564.22 KiB) Viewed 403 times

The dropdown is incorrectly showed on top.

[alex.l]

Thank you, I watched the video many times and didn't see that Checking your test case.

[alex.l]

Unfortunately I cannot build your app because of many errors.
I spent some time to make it working, replaced package.json, edited code a bit, but still have errors in console, one by one.
Please try it your self? What version of the Scheduler do you use? The code and dependencies look a bit out of date at a first glance. But I cannot check it since you don't use online NPM repo in your package.json.

[abisht]

Hi Alex, I am using 3.0.3 version of Bryntum. I took the example from there only.

Please download the 3.0.3 version and replace the src files in drag drop demo. NPM install will pass easily.

[alex.l]

Unfortunately, we do not support 3.0.3 version and do not fix any bugs in there.
I highly recommend you to upgrade your application to avoid potential problems in the future. 3.0.3 is 2 years old version, we fixed a lot of bugs and released many improvements, for Angular wrapper as well...