Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mention Suggestions goes out of frames. #7388

Open
Anuj-logiciel opened this issue Jun 5, 2020 · 4 comments
Open

Mention Suggestions goes out of frames. #7388

Anuj-logiciel opened this issue Jun 5, 2020 · 4 comments
Labels
package:mention squad:core Issue to be handled by the Core team. type:bug This issue reports a buggy (incorrect) behavior.

Comments

@Anuj-logiciel
Copy link

Anuj-logiciel commented Jun 5, 2020

Steps To reprodude

I am checking this in Mobile device (Safari | iPhone XR) & I also needed to implement this in mobile App (IONIC). Here's steps to reproduce:-

  1. Typing and selecting from suggestions works fine, Also Suggestion box appears correctly.
  2. Now when we try to remove tag (Tag is last word in line), Then if we goes with pressing backspace, suggestion moves to right and goes out of frame.

✔️ Expected result

It Should show as it shows while typing, Only while deleting characters from selected mentined tag is causing the issue.

❌ Actual result

While we are removing characters from selected mention, Suggestion box is going out of frame from right.

📃 Other details

  • Browser: Safari (Attached images)
  • OS: iOS
  • CKEditor version: Checking Demo directly in Browser. I am also facing this in latest version of plugin (Using with React).
  • Installed CKEditor plugins: Added Mention plugin with classic build of CKEDITOR.

Current Behaviour -

IMG_0896 2

Expected Behaviour -

IMG_0897 2

EDIT -

This issue also occurs when while mentioning, 2 words falls in last and 3 words drops while searching, then Suggestion popup goes from out of frames from left.


If you'd like to see this fixed sooner, add a 👍 reaction to this post.

@Anuj-logiciel Anuj-logiciel added the type:bug This issue reports a buggy (incorrect) behavior. label Jun 5, 2020
@FilipTokarski
Copy link
Member

FilipTokarski commented Jun 9, 2020

Hi, thanks for this report. Unfortunately I can confirm this bug happens on Android too ( on manual tests ):

9_mention1

@Mgsy Mgsy added this to the backlog milestone Jun 10, 2020
@Reinmar Reinmar added squad:core Issue to be handled by the Core team. and removed squad:red labels Jul 28, 2020
@pomek pomek removed this from the backlog milestone Feb 21, 2022
@dtdesign
Copy link

This issue still exists to this day and can be reproduced on both iOS and Android. One of our users has provided this video that shows the updated placement of the suggestions when the selection wraps to the next line.

RPReplay_Final1690730985.mp4

I understand that you might prioritize things differently so if you could at least provide some hints where to look for, I would gladly dig into this.

@Witoso
Copy link
Member

Witoso commented Aug 1, 2023

@oleq is there a way to dynamically set the dropdown position here to "fix it"?

@oleq
Copy link
Member

oleq commented Aug 3, 2023

Sorry, I don't think there's any open API that would allow customization of the mentions panel's position. The team would need to look into this and propose a fix.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package:mention squad:core Issue to be handled by the Core team. type:bug This issue reports a buggy (incorrect) behavior.
Projects
None yet
Development

No branches or pull requests

8 participants