🐞 - Link editor closes unexpectedly when provideAnimationsAsync() is used

[hakimio]

Code Example URL

https://stackblitz.com/edit/angular-yqhfns-d8j69b?file=src%2Fmain.ts

Description

I have found a couple of issues in the latest version of the link editor.

• A trivial one: PR fix: autofocus #1397 broke link editor's input autofocus. There is no more need to provide custom selector since [contenteditable] has been added upstream to the default query. (fixed)
• A tricky one to reproduce and debug. If you provide Angular animations using the provideAnimationsAsync() introduced in Angular 17, link edit dropdown closes unexpectedly when trying to edit the link.

To reproduce the second issue I have provided stackblitz demo:

• add a link to some text
• try to edit the link using the link editor
• the link editor's dropdown closes unexpectedly

This issue might be upstream Taiga UI issue. Let me know if I should open a bug report there.
Also, the issue is only reproducible on Chrome, Firefox doesn't seem to have the issue.

Taiga UI version

4.8.1

Browser Used

Chrome

OS Used

Windows

[waterplea]

If you can reproduce it with other Taiga UI dropdowns please file it for Taiga. We do reach out to animation engine inside ActiveZone directive so that might be related.

[hakimio]

The code seems to just use simple [tuiDropdown]="dropdown". By "other dropdowns" do you mean you need even more simplified test case or sth else?

editor/projects/editor/components/editor/editor.component.html

Line 52 in dbb5c51

[tuiDropdown]="dropdown"

I have already debugged the code there and there is nothing there that explicitly closes the dropdown when you press the edit button.

[waterplea]

Opening/closing is controlled with this directive:
https://github.com/taiga-family/editor/blob/main/projects/editor/components/editor/dropdown/dropdown-toolbar.directive.ts
So that could be editor issue, not Taiga UI issue. But if you face it with other Taiga UI dropdowns, please let us know.

[hakimio]

Ok, I'll try to simplify the test case and see if I can reproduce it without the tuiToolbarDropdown.

[splincode]

@hakimio thank you very much!

[hakimio]

Tried to reproduce using tuiDropdownSelection directive but that seems to work fine. So, it might be an issue with tuiToolbarDropdown:

Stackblitz demo

[splincode]

@hakimio do you think we just move that issue to taiga ui repo scope?

[hakimio]

@splincode the issue seems to be with TuiEditorDropdownToolbar. So, I don't think this should be moved to taiga ui repo.