Text alternative balloon disappears after clicking on it

[Mgsy]

Steps to reproduce

1. Go to http://localhost:8125/ckeditor5-presets/tests/manual/article.html
2. Select the image.
3. Choose Change image text alternative from the contextual toolbar.
4. Click somewhere on the balloon (except the input).

Current result

The balloon closes immediately.

Notes

It's a twin of https://github.com/ckeditor/ckeditor5-link/issues/126

GIF

Other information

OS: Windows 10, MacOS X
Browser: Chrome, Safari, Firefox, Edge, Opera
Release: 0.10.0

[Reinmar]

I can reproduce this issue.

[oleq]

This line is the source of the problem.

Things to check:

• Why this listener has been created in the first place? I couldn't find anything similar in the Link feature.
• Why doesn't it work anyway? ContextualBalloon registers its #view in editor.ui.focusTracker, so clicking it shouldn't make editor.ui.focusTracker#isFocused false.

[oleq]

It looks like the solution from ckeditor/ckeditor5-link@866fa49 (https://github.com/ckeditor/ckeditor5-link/issues/90) helps here. It does not answer the questions, though.

[oskarwrobel]

Why doesn't it work anyway? ContextualBalloon registers its #view in editor.ui.focusTracker, so clicking it shouldn't make editor.ui.focusTracker#isFocused false.

It doesn't work because ContextualBalloon#view (BalloonPanelView) is not focusable anymore (doesn't have tabindex="-1") https://github.com/ckeditor/ckeditor5-ui/issues/206.

[oskarwrobel]

Link balloon works like it should even after removing these hacks from the BPV:

https://github.com/ckeditor/ckeditor5-ui/blob/a21b0976641db4a6d45592b4369e22adece2b930/src/panel/balloon/balloonpanelview.js#L135-L141

[Reinmar]

Is it fixed now?

[oskarwrobel]

Nope, ImageBalloon has to be improved. It should be focusable and use FocusCycler.