Prevent bookmark popup flickering when clicking paragraphs with trailing bookmarks.

[Mati365]

Suggested merge commit message (convention)

Fix (bookmark): Prevent bookmark popup flickering when clicking paragraphs with trailing bookmarks.

---

Additional information

When a widget (e.g., a bookmark anchor) is clicked, two consecutive update events may fire:

1. First, when the widget gets focused (this is fine)
2. Second, when the selection changes shortly after (beware, dragons live here)

While the widget usually stays selected, sometimes the selection may move to a different element (e.g., to the start of the parent paragraph). This can cause the toolbar to flicker as it's quickly shown and hidden.

This issue particularly affects widgets like anchors that contain a single SVG element.

Making the element inline-block seems to reduce flickering.

Before

2024-12-23.10-11-39.mp4

After

after-fix-2024-12-23_16.41.38.mp4

[niegowski]

I suggest fixing the bookmark stylesheet instead. Adding display: inline-block; to the .ck-bookmark.ck-widget selector should fix the problem.

[Mati365]

@niegowski I checked this, and it's not.

selection-bug-2025-01-08_07.09.51.mp4

[pszczesniak]

Fix that @niegowski suggested doesn't eliminate it completely, but it limits it more.

It also fixes issue shown on the video (clicking at the end of paragraphs):

Screen.Recording.2025-01-08.at.09.28.16.mov

[niegowski]

Please update the PR title.